前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >给textarea增加长度的限制

给textarea增加长度的限制

作者头像
源哥
发布2018-08-28 11:07:46
2.2K0
发布2018-08-28 11:07:46
举报
文章被收录于专栏:源哥的专栏源哥的专栏

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

代码语言:javascript
复制

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

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

代码语言:javascript
复制

<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>            
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2005年12月22日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档