JS实现控制Textarea文本域字符数

本文向大家简单介绍一下JS如何实现限制Textarea文本域字符个数,这里和大家分享一下的代码可以适时显示可以继续输入的字符长度。

JS限制Textarea文本域字符个数

用JavaScript限制一个文本框TEXTAREA输入字符多少进行限制,常见于留言板或评论功能上,这一个是限制用户不能超过多少字符,和最低需要输入多少字符正好相反。本代码可以适时显示可以继续输入的字符长度。

  1. <html> 
  2. <head> 
  3. <title>JS限制Textarea文本域字符个数</title> 
  4. <meta http-equiv="Content-Type" 
  5. content="text/html; charset=gb2312" /> 
  6. <SCRIPT LANGUAGE="JavaScript">    
  7. <!--//    
  8. function textCounter(field, countfield, maxlimit) {    
  9. // 函数,3个参数,表单名字,表单域元素名,限制字符;    
  10. if (field.value.length > maxlimit)    
  11. //如果元素区字符数大于最大字符数,按照最大字符数截断;    
  12. fieldfield.value = field.value.substring(0, maxlimit);    
  13. else    
  14. //在记数区文本框内显示剩余的字符数;    
  15. countfield.value = maxlimit - field.value.length;    
  16. }    
  17. //-->    
  18. </SCRIPT> 
  19. </head> 
  20. <body> 
  21. <form name=myform action=""> 
  22.   <textarea name="message" cols="28" rows="5" 
  23. onKeyDown="textCounter(this,document.getElementById('txtLen'),100);"
  24.  onKeyUp="textCounter(this,document.getElementById('txtLen'),100);
  25. "></textarea> 
  26.   您还可以输入:<input name="txtLen" type="text" 
  27. value="100" size="5" readonly="readonly">个字符  
  28. </form> 
  29. </body> 
  30. </html> 

阅读更多
文章标签: javascript
个人分类: JS && CSS
上一篇ajaxfileupload文件上传
下一篇jquery插件 - imageScroller
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭