给textarea增加长度的限制

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

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

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

Code: Code:
Code:
  1. <html>
  2. <body>
  3. <form name = "testform">
  4. <textarea name="A" cols="45" rows="2" >aaaa</textarea>
  5. <input type="button" onclick = "checkValid()" value= "提交">
  6. </form>
  7. </body>
  8. </html>
  9. <script language="javascript">
  10. function checkValid()
  11. {
  12. var a = document.testform.A;
  13. if(a.value.length > 20)
  14. {
  15. alert("输入的备注框长度不能超过20个字符!");
  16. return false;
  17. }
  18. return true;
  19. }
  20. </script>
Code:
经验分享 程序员 微信小程序 职场和发展