限制文本区域

Question

可能的重复：
限制文本区域中输入的字符数

如何设置限制文本区域可以输入的字符数？我有一个文本区域，您最多可以在其中输入 50 个字符。我怎样才能用Javascript做到这一点。我希望输入也是字符，这样人们就不会输入大量输入。

Answer 1

上面带有 onkeypress 的代码不适用于复制/粘贴或拖动&降低
您可以使用“oninput”事件，但并非所有浏览器都支持它（ie8+）
限制/过滤表单字段的最佳方法是这样的：

<form id="a" method="post" action="?hey">
<textarea id="t" data-maxlen="10"></textarea>
<input type="submit" value="submit me">
</form>

<script>
var aa = document.getElementById("a");
var tt = document.getElementById("t");
aa.onsubmit=function()
{
    if(tt.value.length > parseInt(tt.getAttribute("data-maxlen")))
    {
        tt.style.backgroundColor="red";
        return false;
    }
    else
    {
        tt.style.backgroundColor="white";
        return true;
    }
};
</script>

但无论如何，您都需要服务器端检查

HTH！

Answer 2

试试这个：

<script language="javascript" type="text/javascript">
function imposeMaxLength(Object, MaxLen)
{
  return (Object.value.length <= MaxLen);
}
</script> 

<textarea name="myName" onkeypress="return imposeMaxLength(this, 15);" ><textarea>

或者

<script language="javascript" type="text/javascript">
function limitText(limitField, limitCount, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } else {
        limitCount.value = limitNum - limitField.value.length;
    }
}
</script>

<form name="myform">
    <textarea name="limitedtextarea" onKeyDown="limitText(this.form.limitedtextarea,this.form.countdown,100);" 
onKeyUp="limitText(this.form.limitedtextarea,this.form.countdown,100);">
    </textarea><br>
    <font size="1">(Maximum characters: 100)<br>
    You have <input readonly type="text" name="countdown" size="3" value="100"> characters left.</font>
</form>