jQuery实现限制textarea文本框输入字符数量的方法

这篇文章主要介绍了jQuery实现限制textarea文本框输入字符数量的方法,涉及jQuery键盘事件及页面元素的相关操作技巧,需要的朋友可以参考下

本文实例讲述了jQuery实现限制textarea文本框输入字符数量的方法。分享给大家供大家参考。具体实现方法如下：

1. (function($) { 
2. $.fn.extend( { 
3. limiter: function(limit, elem) { 
4. $(this).on("keyup focus", function() { 
5. setCount(this, elem); 
6. }); 
7. function setCount(src, elem) { 
8. var chars = src.value.length; 
9. if (chars > limit) { 
10. src.value = src.value.substr(0, limit); 
11. chars = limit; 
12. } 
13. elem.html( limit - chars ); 
14. } 
15. setCount($(this)[0], elem); 
16. } 
17. }); 
18. })(jQuery); 
19.  
20. //To setup the limiter, simply include a call similar to the one below: 
21. var elem = $("#chars"); 
22. $("#text").limiter(100, elem); 

希望本文所述对大家的jQuery程序设计有所帮助。