Limit textarea? - Page 3

myfayt · 04-14-2012, 01:23 PM

I am sorry that I created such trouble over this topic.

myfayt · 04-14-2012, 01:30 PM

Quote:

Originally Posted by Philip M

USE THIS!!!

Code:

<html>
<head>

<script type = "text/javascript">

var maxLen = 1000; // max number of characters allowed  // global variable
var max = "You may enter up to " + maxLen + " characters";  // global variable

function OnPaste () {
//return false;   // cancels (blocks)  the onpaste event.  Uncomment this line to block pasting
setTimeout(checkMaxInput,100);  // delay is necessary
}

function initCount() {
document.getElementById("limit").innerHTML = max; 
document.getElementById("remLen").value = maxLen;
}

function checkMaxInput() {
var form = document.myform;  // or document.forms[0] or document.getElementById("myform");
if (form.txtarea.value.length > maxLen) {   // if too long.... trim it!
form.txtarea.value = form.txtarea.value.substring(0, maxLen);
document.getElementById("message").innerHTML = "Too many characters were entered!!  The excess over " + maxLen + " have been removed.";
}
else {
document.getElementById("message").innerHTML = "";
}
form.remLen.value = maxLen - form.txtarea.value.length;
}

</script>

</head>

<body onload = "initCount()">

<form name = "myform" id = "myform">
<span id = "limit"  style="font-size: 10pt;color: #FF0000;font-family: arial, helvetica, sans-serif;"></span>
<br>
<textarea name="txtarea" wrap=physical cols=48 rows=10  onkeyup="checkMaxInput()"  onblur="checkMaxInput()" onpaste="OnPaste ()" >
</textarea>
<br>
<input readonly type=text name=remLen id = "remLen" size=3 value = ""> characters left</font>
</form>
<span id = "message" style="color:red";></span>
</body>
</html>

Ran into a problem, if you try to type more at the end of it, it doesn't allow it, however if you put one up in say the middle, it allows it. Such as those 3's. It doesn't post after 222222222, but above it does.

But I could just do a character check after submitting. What about trimming the post on submit? so any characters over 1,000 will get removed before it enters the database?

Philip M · 04-14-2012, 03:47 PM

Quote:

Originally Posted by myfayt

Ran into a problem, if you try to type more at the end of it, it doesn't allow it, however if you put one up in say the middle, it allows it. Such as those 3's. It doesn't post after 222222222, but above it does.

Sorry, I do not understand what you are driving at.

If you reach the limit of 1000 characters (whether by typing or pasting) then no more characters can be added to the textarea. If you try to add another character at the end it will not allow it. If you add a character in the middle of the text (which amounts to an edit) then one character is removed from the end to compensate, still leaving 1000. OK?

There is no need to repeat the validation onsubmit. But of course the user can always disable Javascript so you must repeat the validation on the server.

I do hope we have reached the end of this topic now!

myfayt · 04-14-2012, 04:17 PM

After more testing, you are correct, it's working perfectly. Thank you and everyone else so much!