实时监听textarea并限制最大字符数(PC)

本文主要是介绍实时监听textarea并限制最大字符数(PC)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

PC已做验证,其他地方未知

---

代码如下:

window.Util = {//控制textare 最大长度textareaMaxLength:function(params){var el=params.el;var messEl=params.messEl;var maxLength=params.maxLength;if(null==maxLength){maxLength=50;}var textLength=el.val().length;if(textLength!=0){console.log(maxLength);console.log(textLength);messEl.text(maxLength-textLength);}else{messEl.text(maxLength);}el.bind('input propertychange','textarea',function(){var curLength=$(this).val().trim().length;if(curLength>maxLength) {var values=$(this).val().trim().substr(0,maxLength);$(this).val(values);}messEl.text((maxLength-($(this).val().trim().length)));});}
};

---

控件:

<textarea  id="description" name="description" class="form-control" rows="5" style="width: 500px;"  
placeholder="..."></textarea>
<span class="form-tips">(最多输入<span id="remLen"></span>字)</span>

---

调用:

var params={"el":$('#description'),"messEl":$('#remLen'),"maxLength" : 600
}
Util.textareaMaxLength(params);

 

这篇关于实时监听textarea并限制最大字符数(PC)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---