The forum operates in read-only mode. Please head to StackOverflow for support.

Thu, 05/17/2007 - 06:41

bo1972

Joined: 08/10/2004

Posts: 2

need help with text area validation!

Hi,
I would like to validate the content using javascript in the browser window before form submited. If to be more specific:
I need to get length of submited info from text area and if it's more then certain number I want give user warning and take user back to text area and select all info that
over limit.

How to do this?

Please, advise.

By the way , it will be great to have validation feature in
future releases of TextEditor!

Thank you,
Borys

Wed, 08/17/2005 - 16:40

n8v

Joined: 17/08/2005

Posts: 3

RE: need help with text area validation!

http://wiki.fckeditor.net/FAQ

Thu, 09/08/2005 - 14:22

kernel--panic

Joined: 03/02/2006

Posts: 4

RE: need help with text area validation!

What am I doing wrong here:

<html>
<head>
<script type="text/javascript">
window.onload = function()
{
   var oFCKeditor = new FCKeditor( 'FCKeditor1' );
   oFCKeditor.BasePath = '/FCKeditor/';
   oFCKeditor.ToolbarSet = 'GL-Minimal';
   oFCKeditor.ReplaceTextarea();
}
</script>
<script type="text/javascript">
if (getEditorValue(FCKeditor1) == "")
{
   alert("Please enter a value for the \"Bio\" field.");
   theForm.____BIO.focus();
   return (false);
}

return (true);
}

function getEditorValue( instanceName ) 
{  
   // Get the editor instance that we want to interact with.
   var oEditor = FCKeditorAPI.GetInstance( instanceName ) ;
   // Get the editor contents as XHTML.
   return oEditor.GetXHTML( true ) ;  // "true" means you want it formatted.
} 
</script>
</head>

<body>
<form action="add_afield.tpl" method="post" enctype="multipart/form-data" onsubmit="return validator(this)">
<textarea id="FCKeditor1" name="____BIO" rows="16" cols="40" wrap="virtual"></textarea><br>
<input class="button" type="submit" value="&raquo;&raquo; Add &laquo;&laquo;"><br>
</form>
</body>

</html>

Thu, 09/08/2005 - 14:22

kernel--panic

Joined: 03/02/2006

Posts: 4

RE: need help with text area validation!

What am I doing wrong here:

<html>
<head>
<script type="text/javascript">
window.onload = function()
{
   var oFCKeditor = new FCKeditor( 'FCKeditor1' );
   oFCKeditor.BasePath = '/FCKeditor/';
   oFCKeditor.ToolbarSet = 'GL-Minimal';
   oFCKeditor.ReplaceTextarea();
}
</script>
<script type="text/javascript">
if (getEditorValue(FCKeditor1) == "")
{
   alert("Please enter a value for the \"Bio\" field.");
   theForm.____BIO.focus();
   return (false);
}

return (true);
}

function getEditorValue( instanceName ) 
{  
   // Get the editor instance that we want to interact with.
   var oEditor = FCKeditorAPI.GetInstance( instanceName ) ;
   // Get the editor contents as XHTML.
   return oEditor.GetXHTML( true ) ;  // "true" means you want it formatted.
} 
</script>
</head>

<body>
<form action="add_afield.tpl" method="post" enctype="multipart/form-data" onsubmit="return validator(this)">
<textarea id="FCKeditor1" name="____BIO" rows="16" cols="40" wrap="virtual"></textarea><br>
<input class="button" type="submit" value="&raquo;&raquo; Add &laquo;&laquo;"><br>
</form>
</body>

</html>

Thu, 05/17/2007 - 06:41

harpreetanny

Joined: 17/05/2007

Posts: 1

RE: need help with text area validation!

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
http://www.w3.org/1999/xhtml

Mon, 08/04/2008 - 21:39

chetubetcha

Joined: 11/07/2008

Posts: 6

Re: need help with text area validation!

Thu, 04/02/2009 - 13:34

namedrisk

Joined: 02/04/2009

Posts: 2

Re: need help with text area validation!

Hi,

i am using the follow code and even tough it works fine alerting me that it is blank it will try to send it even if it returns false ... could any one help me out on this ?

javascript

window.onload = function() {
    var oFCKeditor      = new FCKeditor( 'description' ) ;
    var sBasePath       = '/js/' ;
    oFCKeditor.BasePath = sBasePath ;
    oFCKeditor.Width = '100%' ;
    oFCKeditor.Height = '350' ;
    oFCKeditor.ReplaceTextarea() ;

    var oFCKeditor      = new FCKeditor( 'solution' ) ;
    oFCKeditor.BasePath = sBasePath ;
    oFCKeditor.Width = '100%' ;
    oFCKeditor.Height = '350' ;
    oFCKeditor.ReplaceTextarea() ;
}

function validate() {
   var description = FCKeditorAPI.GetInstance('description') ;
   var solution = FCKeditorAPI.GetInstance('solution') ;
   if (description.GetXHTML() == "" || description.GetXHTML() == null){
          alert("Alert: Description is blank.");
          document.form.description.focus();
          return false
   } else if(solution.GetXHTML() == "" || solution.GetXHTML() == null){
          alert("Alert: Solution is blank.");
          document.form.solution.focus();
          return false
   } else {
     return true
   }
}

form

<form action="/" method="post" id="form" name="form" OnSubmit="return validate();">
<label for="description">
 <strong>Description:</strong>
</label>
<br /><textarea name="description" rows="10" cols="40"></textarea><br /><br />
<label for="solution">
 <strong>Solution:</strong>
</label>
<br /><textarea name="solution" rows="10" cols="40"></textarea><br /><br />
<input type="submit" name="task_button" class="button" value="Send" /><br />
</form>

Fri, 04/03/2009 - 14:39

namedrisk

Joined: 02/04/2009

Posts: 2

Re: need help with text area validation!

problem solved by changing:

document.form.description.focus();

to:

description.Focus();

and

document.form.solution.focus();

solution.Focus();

SIDE NOTE: the focus need to be write with upper case F.