JS篩選出中英文並統計字符-js教程-PHP中文網

首頁

web前端

js教程

JS篩選出中英文並統計字符

Jun 12, 2018 am 09:38 AM

js 統計

這次帶給大家JS篩選出中英文並統計字符，JS篩選出中英文並統計字符的注意事項有哪些，下面就是實戰案例，一起來看一下。

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&gt;
&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot;&gt;
&lt;title&gt;js区分中英文统计字符个数&lt;/title&gt;
&lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;
&lt;meta name=&quot;keywords&quot; content=&quot;&quot;&gt;
&lt;link href=&quot;&quot; rel=&quot; rel=&quot;external nofollow&quot; stylesheet&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;input type=&quot;text&quot; value=&quot;&quot; id=&quot;str&quot;&gt;&lt;span id=&quot;showcontent&quot;&gt;&lt;/span&gt;&lt;!-- 此处原来使用的label标签，但是设置其innerHTML的值在ie8上报错，故换为span标签 --&gt;
  &lt;script type=&quot;text/javascript&quot;&gt;
  var countnums=(function(){
    var trim=function(strings){
      return (strings||"").replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g,"");//+表示匹配一次或多次，|表示或者，\s和\u00A0匹配空白字符，/^以……开头，$以……结尾，/g全局匹配,/i忽略大小写
    }
    return function(_str){
      _str=trim(_str);  //去除字符串的左右两边空格
      var strlength=_str.length;
      if(!strlength){  //如果字符串长度为零，返回零
        return 0;
      }
      var chinese=_str.match(/[\u4e00-\u9fa5]/g); //匹配中文，match返回包含中文的数组
      return strlength+(chinese?chinese.length:0); //计算字符个数
    }
  })();
  function count(tThis){
    var charnum=countnums(tThis.value)
      var showid=document.getElementById("showcontent");
      showid.innerHTML="您总共输入了"+charnum+"个字符";
  }
  window.onload=function(){
    var str=document.getElementById("str");
    str.onkeypress=function(){
      count(this);
    }
    str.onkeyup=function(){
      count(this);
    }
  }
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

登入後複製

我相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！