正则处理手机号码格式

最新推荐文章于 2025-05-26 10:31:21 发布

coder__wang

最新推荐文章于 2025-05-26 10:31:21 发布

阅读量1.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：业务相关文章标签：正则表达式 javascript

本文链接：https://blog.youkuaiyun.com/w1099690237/article/details/120039145

业务相关专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何使用正则表达式生成和验证手机号码，包括过滤非数字、限制位数和格式化为xxxxxxxxxxx。通过三个步骤实现自动补全空格和控制长度，适用于前端输入校验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

正则生成形如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

脚踏实地行，海阔天空飞