这篇文章主要介绍了jquery实现textarea输入框限制字数的方法,通过keyup事件实时读取textarea输入框的字数来实现这一功能,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了jquery实现textarea输入框限制字数的方法。分享给大家供大家参考。具体分析如下：
网上有使用属性 disabled 来实现，这个不好，想修改都没有修改。当然，这个也不是很完美。
<html><head><title> jquery完美实现textarea输入框限制字数</title><meta http-equiv="content-type" content="text/html;charset=utf-8" /><script type="text/javascript" src="jquery-1.8.2.min.js"></script><script type="text/javascript"> $(function(){ $("#weibo").keyup(function(){ var len = $(this).val().length; if(len > 139){ $(this).val($(this).val().substring(0,140)); } var num = 140 - len; $("#word").text(num); }); });</script><style type="text/css">h6{color:blue;}textarea{resize:none;}#word{color:red;}</style></head><body><h6>说点什么吧，你可以输入<span>140</span>个字，现在剩余<span id="word">140</span>个</h6><textarea name="con" id="weibo" cols="45" rows="6"></textarea></body></html>
希望本文所述对大家的jquery程序设计有所帮助，更多相关教程请访问jquery视频教程！