给textarea增加长度的限制

最新推荐文章于 2020-09-14 20:01:42 发布

iteye_3224

最新推荐文章于 2020-09-14 20:01:42 发布

阅读量90

点赞数

文章标签： JavaScript HTML ViewUI

博客介绍了如何限制备注框textarea的输入长度。文本框有maxlength属性限制长度，但textarea没有。可通过添加onKeyDown语句限制，也可将判断写在JavaScript函数中，当输入长度超过限制时显示提示信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

给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>