js实现输入字数跟踪

Posted samous

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现输入字数跟踪相关的知识,希望对你有一定的参考价值。

 

$("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实现输入字数跟踪的主要内容,如果未能解决你的问题,请参考以下文章