jQuery限制输入框字数和显示输入字数

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

项目中经常会用到文本输入框，而且需要限制输入的字数。
下面分享一个 jQuery 实时统计输入框输入字数及限制输入字数的方法，代码如下：
HTML：简单的写一下，能实现功能即可。

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>  
<textarea id="content" placeholder="新消息内容" rows="3"></textarea>
<span class="contentcount">0</span>/200
 
<script>
$('#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);
});
</script>

查看效果