js实现输入字数跟踪

Posted 2020-09-16 samous

 

$("textarea[text-name=tea-notice]").bind(‘input propertychange‘, function() {
　　var dom_div = $("#tea_msg");
　　var argument = $("textarea[text-name=tea-notice]").val();
　　if (argument.length<=499) {
　　　　dom_div.html("<div style=‘color:green‘>您还可以输入"+(499-argument.length)+"个字符</div>");
　　　　return;
　　}


　　dom_div.html("<div style=‘color:red‘>您已经超过"+(argument.length-499)+"个字符</div>");
});



$("textarea[text-name=sch-notice]").bind(‘input propertychange‘, function() {
　　var dom_div = $("#sch_msg");
　　var argument = $("textarea[text-name=sch-notice]").val();
　　if (argument.length<=499) {
　　　　dom_div.html("<div style=‘color:green‘>您还可以输入"+(499-argument.length)+"个字符</div>");
　　　　return;
　　}
　　dom_div.html("<div style=‘color:red‘>您已经超过"+(argument.length-499)+"个字符</div>");

});