给textarea增加长度的限制

最新推荐文章于 2023-06-30 14:39:42 发布

nanalin805

最新推荐文章于 2023-06-30 14:39:42 发布

阅读量984

点赞数 1

文章标签： javascript html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/nanalin805/article/details/6509787

版权

我们知道文本框可以有一个为maxlength的属性，可以限制文本框的长度，当时备注框textarea却没有，那么
要怎样限制备注框的长度呢？其实很简单，只有加上想这样一句话onKeyDown='if (this.value.length>=20){event.returnValue=false}'
就可以了，整个写法如下：

Code:

<textarea name="A" cols="45" rows="2" onKeyDown='if (this.value.length>=20){event.returnValue=false}'>aaaa</textarea>

我们也可以将判断写在函数中，如果输入的长度超过显示，就显示提示信息，如下：

Code:

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

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。