实时统计输入字符数

最新推荐文章于 2019-07-29 14:05:19 发布

yangwe101860

最新推荐文章于 2019-07-29 14:05:19 发布

阅读量146

点赞数

文章标签： prototype Java

本文链接：https://blog.csdn.net/yangwe101860/article/details/83282811

版权

实时统计输入字符数


<script>
    var $E = document.getElementById;
String.prototype.lenB = function(){
    return this.unHtmlReplace().replace(/\*/g," ").replace(/[^\x00-\xff]/g,"**").length;
}
String.prototype.unHtmlReplace = function () {
    var s = (this).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/ /g," ").replace(/"/g,"\"");
      return s.replace(/&#(\d{2});/g,function($0,$1) {return unescape("%"+parseInt($1).toString(16));});
}
      function onModChange(s, max, o) {      //实时显示输入字数的
      if(document.readyState != "complete") {
          s = escape(s);
          setTimeout('onModChange(unescape("'+ s+ '"),'+ max+ ',$E("'+ o.id+ '"))', 10);
          return;
      }
      var words=s.lenB();
      if(words > max)
          words = "<font color=red>"+ words+ "</font>";
      else
          words = "<font color=green>"+ words+ "</font>";
      o.innerHTML = "已输入"+ words+ "个字符(最多"+ max+ "个字符)";
}
</script>

界面部分

<div>
    <label><span>发表评论：</span>
 <textarea name="content" id="cmt_content" cols="50" rows="3" onpropertychange="onModChange(this.value, 150, $E('post_status'))"></textarea>
    </label>
    <div><em id="post_status">已输入<font color=green>0</font>个字符(最多150个字符)</em></div></div>