Forms >>> Word Counter.
 
Script Categories













Forms >>> Word Counter.

This is a handy script that counts the words (or characters) entered into a textarea and limits it to 100 words or less (this can be changed).

In 100 words or less, why do you (or would you) like living on the coast?*
Words remaining:

In 100 characters or less, why do you (or would you) like living on the coast?*
Characters remaining:

Add the below code to the <body> section of your page:

<script language="javascript" type="text/javascript">
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
   var submitcount=0;
   function checkSubmit() {

      if (submitcount == 0)
      {
      submitcount++;
      document.Surv.submit();
      }
   }


function wordCounter(field, countfield, maxlimit) {
wordcounter=0;
for (x=0;x<field.value.length;x++) {
      if (field.value.charAt(x) == " " && field.value.charAt(x-1) != " ")  {wordcounter++}  // Counts the spaces while ignoring double spaces, usually one in between each word.
      if (wordcounter > 250) {field.value = field.value.substring(0, x);}
      else {countfield.value = maxlimit - wordcounter;}
      }
   }

function textCounter(field, countfield, maxlimit) {
  if (field.value.length > maxlimit)
      {field.value = field.value.substring(0, maxlimit);}
      else
      {countfield.value = maxlimit - field.value.length;}
  }
//  End -->
</script>
<FORM NAME=Surv>
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="3" width=550>
<tr><td
valign="top">
<font color="000000" size="2" face="verdana, helvetica, arial">In 100 <b>words</b> or less, why do you (or would you) like living on the coast?</font><font color="ff0000" size="2" face="verdana, helvetica, arial">*</font>
<td valign="top"><textarea name="Q3367" cols="40" rows="5" wrap="hard" onKeyDown="wordCounter(this.form.Q3367,this.form.remLen,100);" onKeyUp="wordCounter(this.form.Q3367,this.form.remLen,100);"></textarea>
<br>Words remaining: <input type=box readonly name=remLen size=3 value=100></td></tr>

<tr><td
colspan=2><hr width=80%></td></tr>

<tr><td
valign="top">
<font color="000000" size="2" face="verdana, helvetica, arial">In 100 <b>characters</b> or less, why do you (or would you) like living on the coast?</font><font color="ff0000" size="2" face="verdana, helvetica, arial">*</font>
<td valign="top">
<textarea name="Q336" cols="40" rows="5" wrap="hard" onKeyDown="textCounter(this.form.Q336,this.form.remLentext,100);" onKeyUp="textCounter(this.form.Q336,this.form.remLentext,100);"></textarea>
<br>Characters remaining: <input type=box readonly name=remLentext size=3 value=100>
</td></tr>
</TABLE>

<INPUT TYPE="button" VALUE="Submit" onclick='' name=submit1>
<INPUT
TYPE="reset" VALUE="Reset" id=reset1 name=reset1>
</FORM>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).




©