jQuery实时统计输入框字数及限制的方法

项目中经常会用到文本输入框,而且需要限制输入的字数。

下面分享一个 jQuery 实时统计输入框输入字数及限制输入字数的方法,代码如下:

HTML:简单的写一下,能实现功能即可。

<textarea id="content" placeholder="新消息内容" rows="3"></textarea>
<span class="contentcount">0</span>/200

jQuery:

$('#content').bind('input propertychange', function () {
    var fizeNum = $(this).val().length;//获取输入字数
    if (fizeNum > 200) {//如果大于200
        var char = $(this).val();
        char = char.substr(0, 200);//截取字符串(前200)
        $(this).val(char);
        fizeNum = 200;
    }
    $(this).parent().find('.contentcount').text(fizeNum);
});

这样就可以限制输入字数了,别忘了引 jQuery 文件。

推荐阅读:

HTML5新增的几个a标签属性 移动端

用css实现文本溢出 超出部分隐藏显示省略号

Linux安装JDK+Tomcat+MySQL及发布项目教程

js获取input上传文件的文件名和扩展名的方法

WebStorm绑定Chrome浏览器实现实时自动刷新

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)