input,textarea限制字数,实时绑定

1.在input 或 textarea中加属性 

maxlength="10"

 2.js判断

function limitImport(str,num){
    $(document).on('input propertychange',str,function(){
        var self = $(this);
        var content = self.val();
        if (content.length > num){
            self.val(content.substring(0,num));
        } 
        self.siblings('span').text(self.val().length+'/'+num);
    });
}

//用法示例 

limitImport(‘.pushTe’,50);

没有什么特殊需要感觉还得第一个实用些 

拓展： 实时绑定功能 

$(document).bind('input propertychange','.class',function(){
    // console.log($(this).val().length)
    if($(this).val().length<=20){
        document.getElementById('tiCont').innerHTML = $(this).val().length;
    }
});

二种输入标签的实时绑定方式 。 需求：框后面有显示字数  

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_1488