高校问答拍个人mv多少钱:请问如何限制HTML中textarea输入字符的数量？
来源：百度文库 编辑：高校问答 时间：2024/05/05 14:20:34
我想把字符输入数量限制在300以内，请问应该怎么做？
可是TEXT不是可以直接用maxlength="300" 来限制的吗？
我想知道TEXTAREA有没有类似的方法
textarea没有类似方法。
<textarea name="content" cols="60" rows="6" onKeyUp="if(this.value.length > 300) this.value=this.value.substr(0,300)">
意思就是，大于300个字符，自动截取前300个，后面忽略
上面那位朋友说的
<textarea name="A" cols="45" rows="2" onKeyDown="if (this.value.length>=20){event.returnValue=false}">aaaa</textarea>
也可以
给textarea增加长度的限制
我们知道文本框可以有一个为maxlength的属性，可以限制文本框的长度，当时备注框textarea却没有，那么
要怎样限制备注框的长度呢？其实很简单，只有加上想这样一句话onKeyDown=if (this.value.length>=20){event.returnValue=false}
就可以了，整个写法如下：
<textarea name="A" cols="45" rows="2" onKeyDown=if (this.value.length>=20){event.returnValue=false}>aaaa</textarea>
我们也可以将判断写在函数中，如果输入的长度超过显示，就显示提示信息，如下：
<html>
<body>
<form name = "testform">
<textarea name="A" cols="45" rows="2" >aaaa</textarea>
<input type="button" onclick = "checkValid()" value= "提交">
</form>
</body>
</html>
<script language="javascript">
function checkValid()
{
var a = document.testform.A;
if(a.value.length > 20)
{
alert("输入的备注框长度不能超过20个字符!");
return false;
}
return true;
}
</script>
<script language=javascript>
function checkNum() {
if(document.getElementById("content").value.length>=500) {
alert("超过字数了哦");
return false;
}
return true;
}
</script>
<textarea name="content" onkeypress="return checkNum();"></textarea>
假设你的表单名为form1
可以用form1.content.disabled=true来禁用textarea
首先写一个函数判断字符的长度，如果大于300则禁用。
可以用onChange（）来触发该函数，
不明白，可以给我留言。
可以使用onKeyUp()这个函数来实时的检查输入的字符的个数，如果达到了上限就使得disabled='ture'。