正则处理手机号码格式

本文介绍了如何使用正则表达式生成和验证手机号码,包括过滤非数字、限制位数和格式化为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

脚踏实地行,海阔天空飞

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值