Javascript Dynamic Text Area Counter

Below is the simple code to restrict the number of characters from being entered in the Text Area.


<SCRIPT LANGUAGE="JavaScript">
function textCounter(field,cntfield,maxlimit) {
if (field.value.length > maxlimit) { // Trim it if too long
field.value = field.value.substring(0, maxlimit);
}
else { // otherwise, update 'characters left' counter
cntfield.value = maxlimit - field.value.length;
}
}
</script>

<form name="myForm" method="post">
<textarea name="textArea1" wrap="physical" cols="30" rows="5" onKeyDown="textCounter(document.myForm.textArea1,document.myForm.charLeft,100)" onKeyUp="textCounter(document.myForm.textArea1,document.myForm.charLeft,100)"></textarea>
<br>
<input readonly type="text" name="charLeft" size="3" maxlength="3" value="100"> characters left
<input type="Submit" name="Submit" value="Submit">
<br>
</form>