js输入框字数限制提醒

3012

HTML:代码


<div>
<label class="label">200个字符:</label>
<div class="textarea">
<textarea class="change-length" placeholder="请输入文字"></textarea>
<p class="textarea  js-show-length">还可以输入<i class="js-num">200</i>个字</p>
</div>
</div>


JS代码部分:

change_length_fun=function(obj,num){
 $(obj).on('keyup',function(){
    var len = $(obj).val();
    $(obj).siblings(".js-show-length").find(".js-num").text(num-len.length);
    if(len.length>=num){
        $(obj).siblings(".js-show-length").find(".js-num").text(0);
        $(obj).val(len.substring(0,num));
    }
});
change_length_fun(".js-change-length",200);