首页 > 其他 > 详细

控制文本框中输入字体限制

时间:2020-07-11 17:25:53      阅读:39      评论:0      收藏:0      [点我收藏+]
html:
   <textarea rows="5" class="form-control col-sm-12" id="content"></textarea>
   <span id="personal-info" class="mg-r-5">0/140</span>
 
javascript:
  $(document).ready(function () {
  //输入前内容
        var inputBeforeContent = "";
        $("#content").bind(‘input propertychange focus blur‘, function () {
            var $this = $(this);
            var _val = $this.val();
            var maxlength = 140;
            $("#personal-info").text(_val.length + "/140");
            if (_val.length >= maxlength) {
                $this.val(inputBeforeContent);
            } else {
                inputBeforeContent = _val;
            }
        });
})
显示效果:
      技术分享图片

 

 

控制文本框中输入字体限制

原文:https://www.cnblogs.com/lxz123/p/13284279.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!