1. 程式人生 > >js實現輸入字數跟蹤

js實現輸入字數跟蹤

跟蹤 bin on() per red 字數 code dom 輸入

$("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>"); });

js實現輸入字數跟蹤