限制文本输入数量并且提示剩余字数代码实例:
比较人性化的文本框一般都有这样的功能，输入文本的时候能够实时的显示还有剩余多少字数可以输入，下面就简单介绍一下如何实现此效果。代码如下:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><script type="text/javascript"> function words_deal() { var curLength=$("#textarea").val().length; if(curLength>20) { var num=$("#textarea").val().substr(0,20); $("#textarea").val(num); alert("超过字数限制，多出的字将被截断！" ); } else { $("#textCount").text(20-$("#textarea").val().length); } } $(document).ready(function(){ $("#textarea").keyup(words_deal)})</script> </head> <body> 还剩余<span id="textCount">20</span>个字可以输入<br /> <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea> </body> </html>
以上代码实现了我们自己的要求，当输入内容的时候可以实时提醒还剩余多少文字可以输入。
推荐参阅: jQuery的keyup事件一章节。
原文地址是:http://www.51texiao.cn/jqueryjiaocheng/2015/0612/4005.html
最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8303