你的位置:首页 > 软件开发 > Java > 限制文本输入数量并且提示剩余字数代码实例

限制文本输入数量并且提示剩余字数代码实例

发布时间:2015-07-23 14:00:03
限制文本输入数量并且提示剩余字数代码实例:比较人性化的文本框一般都有这样的功能,输入文本的时候能够实时的显示还有剩余多少字数可以输入,下面就简单介绍一下如何实现此效果。代码如下:<!DOCTYPE html><html><head><me ...

限制文本输入数量并且提示剩余字数代码实例:

比较人性化的文本框一般都有这样的功能,输入文本的时候能够实时的显示还有剩余多少字数可以输入,下面就简单介绍一下如何实现此效果。代码如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><script src='/images/loading.gif' data-original="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>

原标题:限制文本输入数量并且提示剩余字数代码实例

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录