正则处理手机号码格式

正则生成形如xxx xxxx xxxx格式的手机号码（中间数字自动追加空格）：

监听输入事件，对输入的值用正则处理：

1.过滤输入的字符，去掉非数字

var a = '13177wsdrfs778888sdfasdf999asdfasdfasdf9'
a.replace(/\D+/g, '')  

// => 131777788889999

2.控制输入字符的位数（手机号位数为11位）

var a = '131777788889999'
a.replace(/(\d{1,11})(\d*)/, ($, $1)=>$1)

//=> 13177778888

3.以xxx xxxx xxxx的格式处理字符串

var a = '13177778888'
a.replace(/(\d{3})(\d*)/, ($, $1, $2)=> $1 + ' ' + $2.replace(/\d{4}|\d+/g, $=> $ + ' ').trim()).trim()

// => 131 7777 8888

 

第三步稍微复杂一点，$1匹配的前三位数字，单独拿出来处理（后面加个空格），$2是后8位字符，每隔4位追加空格，最后用trim()去掉最后的空格

 

最后将以上3步合在一起：

var a = '13177wsdrfs778888sdfasdf999asdfasdfasdf9';
a.replace(/\D+/g, '')
  .replace(/(\d{1,11})(\d*)/, ($, $1) => $1)
  .replace(/(\d{3})(\d*)/, ($, $1, $2) => $1 + ' ' + $2.replace(/\d{4}|\d+/g, $ => $ + ' ').trim()).trim()

// => 131 7777 8888

 

脚踏实地行，海阔天空飞