項目中常常會遇到字數(shù)統(tǒng)計計算問題，多行文本限制最大長度問題。
最常見的計算方法是：中文字符算兩個字，英文字符算一個字，不過也有一些特殊的需求。
在做字符計算的過程中，少不了正則，那就先來看一下常用的正則

正則的語法：

在這里我就寫一些我待會要用到的

• “+”號，表示出現(xiàn)一次或多次：
  例：/ab+c/，可以匹配abc，abbc，abbbbbc，abbbbbbbbbbbbbbc
  “*”號代表字符可以不出現(xiàn)，可以出現(xiàn)一次或多次：
  例：/abc*d/，可以匹配abd，abcd，abcccccd
  “？”號，表示可以出現(xiàn)一次或0次
  例：/abc？d/，可以匹配abd，abcd
  

• 具體其他符號的用法可以參考：

http://www.runoob.com/regexp/regexp-syntax.html
http://www.cnblogs.com/zxin/archive/2013/01/26/2877765.html

好了我們來看一下計算時會用到的方法吧

JS 中正則表達式的使用方式有兩種:

• 正則表達式對象

1. exec(str) : 檢索字符串中指定的值。返回找到的值，并確定其位置
2. test(str) : 檢索字符串中指定的值。返回 true 或 false

• 字符串對象的方法
  1，match(regexp) : 找到一個或多個正則表達式的匹配
  2，replace(regexp) : 替換與正則表達式匹配的子串
  3，search(regexp) : 檢索與正則表達式相匹配的值
  4，split(search) : 把字符串分割為字符串數(shù)組
  5，$.trim(str):去掉前后空格

直接來看例子吧

• 直接輸入的話：
  每一個字符都算做一個字
  

  )ZHEF4G`O_0UZ3~}LMUB8ND.png

• 如果是漢字算兩個字，其他字符算一個字的話：
  javascript原生

•  function ruleOne(value) {
    var chinese=0;
    if(value.match(/[\u4e00-\u9fa5]/g)!=null){
        chinese = value.match(/[\u4e00-\u9fa5]/g).length;
    }
    var valueLength = chinese+value.length;
    return valueLength;
  }
  function oneValue() {
    showText.innerHTML = inputText.value;
    var valueLengthOne=ruleOne(inputText.value);
    spanOne.innerHTML = '已經(jīng)輸入 ' + valueLengthOne + ' 個字'
  }
  

)RC9A~NLEWW~{{BW(WX32W2.png

• 只是計算漢字（算2個字），數(shù)字，英文，不計算特殊字符

• function ruleOne(value) {
    var chinese=0;
    var english=0;
    if(value.match(/[\u4e00-\u9fa5]/g)!=null){
        chinese = value.match(/[\u4e00-\u9fa5]/g).length;
    }
   if(value.match(/[a-zA-z0-9]/g)!=null){
       english = value.match(/[a-zA-z0-9]/g).length;
   }
    var valueLength = chinese*2+english;
    return valueLength;
  }
  function oneValue() {
    showText.innerHTML = inputText.value;
    var valueLengthOne=ruleOne(inputText.value);
    spanOne.innerHTML = '已經(jīng)輸入 ' + valueLengthOne + ' 個字'
  }
  

Y`07REYP$}_)%CAN46UX}8A.png

• 上面幾個簡單的例子作為鋪墊之后呢，接下來我們要做的是：
  1，漢字算一個字（包括漢字的標點符號）；
  2，一個英文單詞算一個字（包括英文的標點符號，沒有其他字符隔開時都是一個字；最后一個是字母，下一行開始也是字母，合起來還是一個字）
  3，空格算一個字
  4，換行不算字
  5，最后的空格不算字（最前空格算字）
  6，一個數(shù)字算一個字

var textValue=value;
textValue = textValue.replace(/\s+$/, '');//去掉后面空格
textValue=textValue.replace(/[\r\n]/g,'');//去除換行.
textValue = textValue.replace(/[0-9]/g, '全');//把數(shù)字用全角符代替
textValue = textValue.replace(/\s/g, '全');//把空格用全角符代替
textValue = textValue.replace(/[\u0000-\u00FF]/g, 'a');//所有半角符變?yōu)?a
textValue = textValue.replace(/a+/g, 'b');//把字符串變成b

得到的 textValue.length 就是輸入的字數(shù)，具體例子如下圖所示：

QQ圖片20170912115303.png

寫的不好望指正 ^_~
如果有更好的方式，歡迎分享 >_<