Limit a textarea to 1000 characters.

[ventura]

I just need to do a simple validation of a <textarea> that it can only have a maximum of 1000 characters. Any character, space, etc. is okay.

[squirellplaying]

<textarea maxlength="1000"> Will only allow users to enter in 1000 characters.

[ventura]

textareas don't accept the maxlength.

[squirellplaying]

Sorry, didn't think it was that easy.

[SlySecretSpy]

function textareaupdate()
{
if (eval(document.getElementById('textareainformation').value.length+1) > 1001)
{
document.getElementById('textareainformation').value = document.getElementById('textareainformation').value.substring(0,1000);
}
}

<textarea cols="25" rows="2" onKeyPress="textareaupdate()" id="textareainformation"></textarea>

[Philip M]

Here's what I use and it tells the user how many characters are left. Also cuts out nasty < and >! (i.e. no HTML can be entered).


function filterHTML(str) {
nohtml = /\<|>/g; // remove "<" and ">" from Description box
return str.replace(nohtml, "");
}
maxLen = 500; // max number of characters allowed in the textbox
function checkMaxInput(form) {
if (form.Description.value.length > maxLen) // if too long.... trim it!
form.Description.value = form.Description.value.substring(0, maxLen);
// otherwise, update 'characters left' counter
else form.remLen.value = maxLen - form.Description.value.length;
}


<textarea name=Description font face="ARIAL" cols="60" rows="4" wrap=virtual onKeyDown="checkMaxInput(this.form)" onKeyUp="checkMaxInput(this.form)" onBlur="this.form.Description.value=filterHTML(this.form.Description.value) "></textarea>
<br>