给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>
要怎样限制备注框的长度呢?其实很简单,只有加上想这样一句话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>
我来自:向东博客
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步