Mark Hensler — Thu, 14 Dec 2000 02:50:33 +0000

thanks!

ianrules — Wed, 13 Dec 2000 22:49:36 +0000

Andrew,
I gpot this code from The Javascript Source.
In this case the maxlength is 125.
You can of course change that to whatever you want,
just follow the directions:

<!-- TWO STEPS TO INSTALL LIMIT TEXTAREA:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

&lt;script LANGUAGE="JavaScript"&gt;
<!-- Original:  Ronnie T. Moore -->
<!-- Web Site:  The JavaScript Source -->

<!-- Dynamic 'fix' by: Nannette Thacker -->
<!-- Web Site: <a href="http://www.shiningstar.net" class="bb-url">http://www.shiningstar.net</a> -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! <a href="http://javascript.internet.com" class="bb-url">http://javascript.internet.com</a> -->

<!-- Begin
function textCounter(field, countfield, maxlimit) {
if (field.value.length > maxlimit) // if too long...trim it!
field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
else 
countfield.value = maxlimit - field.value.length;
}
// End -->
&lt;/script&gt;
</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<!-- textCounter() parameters are:  text field, the count field, max length -->

<center>
<form name=myform action="YOUR-SCRIPT.CGI">
<font size="1" face="arial, helvetica, sans-serif"> ( You may enter up to 125 characters. )<br>
<textarea name=message wrap=physical cols=28 rows=4 onKeyDown="textCounter(this.form.message,this.form.remLen,125);" onKeyUp="textCounter(this.form.message,this.form.remLen,125);"></textarea>
<br>
<input readonly type=text name=remLen size=3 maxlength=3 value="125"> characters left</font>
</form>
</center>

<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  1.37 KB -->

'
Hope this helps.
Ian,

hand smacking head

Suzanne — Tue, 12 Dec 2000 17:20:09 +0000

doh! Max is right, I was responding to the form element.

Max is also right that the element has no natural limitation attributes other than size (rows, cols), so if you want to limit characters, either use JavaScript, trim using your form parser in whatever language you script in (ASP, Perl, et cetera), or use an element instead.

Suzanne

Mark Hensler — Tue, 12 Dec 2000 04:40:11 +0000

size=10 is only for
rows=20 cols=4 is for

as for limiting characters... let me get my book..
there is no property for that.

BUT, if your adventurous, you could write a javascript for this using the onKeyPress or onKeyDown.
count the number of characters
once over the limit, alert() or something.

You've got it inside out!

Suzanne — Mon, 11 Dec 2000 22:18:41 +0000

maxlength="235" or whatever limits the amount of characters that can be entered into the form field.

In order to limit the size of the form field, you use size="10" where 10 is whatever size works for your needs.

Please keep in mind that Netscape will make the field sizes different than IE will, so test in both.

Suzanne

Andrew — Mon, 11 Dec 2000 19:54:24 +0000

The following form tags are for different form elements:

The tag creates a scrolling text box. 'maxlength' does not work with this tag.

My question is, how can I limit input into a field the same way 'maxlength' does with a tag.

fairhousing — Mon, 11 Dec 2000 19:39:15 +0000

um, u've confused me. ur asking how to limit the characters for a form text area. then u go on to talk about maxlength, hello. maxlength is it, i'm confused, hehe.

*hand smacking head*

You've got it inside out!

hand smacking head