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

Posted 遇事稳坐钓鱼台

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery实现限制input框 textarea文本框输入字符数量的方法相关的知识,希望对你有一定的参考价值。

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery实现限制input框  textarea文本框输入字符数量的方法</title>
</head>
<script src="http://j2.58cdn.com.cn/js/jquery-1.8.3.js"></script><!--依赖jquery-->
<body>
用户名:<input type="text" name="username" id="username" >  
<span style="display:none;border:0;float:right;margin-right:50px" id="t2" >用户名长度为3-6位</span> 
<!--我微信号 (WX-APP-PC) -->
<script>
(function($) {
  $.fn.extend( {
    limiter: function(limit, elem) {
      $(this).on("keyup focus", function() {
        setCount(this, elem);
      });
      function setCount(src, elem) {
        var chars = src.value.length;
        if (chars > limit) {
          src.value = src.value.substr(0, limit);
          chars = limit;
          $(#t2).show();
        }else{
            $(#t2).hide();
        }
        elem.html( limit - chars );
      }
      setCount($(this)[0], elem);
    }
  });
})(jQuery);
  
//To setup the limiter, simply include a call similar to the one below:
var elem = $("#username");
$("#username").limiter(6, elem);
</script>
</body>
</html>

 

以上是关于jQuery实现限制input框 textarea文本框输入字符数量的方法的主要内容,如果未能解决你的问题,请参考以下文章

input限制输入

jquery扩展实现input框字符长度限制中文2个字符,英文1个字符

jquery如何实现文本框输入内容超过长度不允许输入

jquery 如何限制 input框 只能输入正整数

使用textarea标签代替input标签可以实现输入框的大小调节,自动换行,滚动条显示

怎样计算textare文本域的文字个数限制