为了账号安全,请及时绑定邮箱和手机立即绑定

前端常用正则表达式

标签:
Html5 JavaScript

整理了前端常用的正则表达式,包括链接,html标签,邮箱,手机号等常用的正则表达式,提前完成任务下班。

匹配手机号正则

/^(?:(?:\+?1\s*(?:[.-]\s*)?)?(?:\(\s*([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9])\s*\)|([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9]))\s*(?:[.-]\s*)?)?([2-9]1[02-9]|[2-9][02-9]1|[2-9][02-9]{2})\s*(?:[.-]\s*)?([0-9]{4})(?:\s*(?:#|x\.?|ext\.?|extension)\s*(\d+))?$/gm
(555)-555-5555
555-555-5555
+1-555-532-3455
13700000000
test 34  // 不匹配
130 // 不匹配

匹配html标签

/<\s*a[^>]*>(.*?)<\s*/\s*a>/g

测试匹配a标签的数据,如果要匹配其他标签手动修改上述正则即可

// 输入
你好 <a href="//interview.kelen.cc">https://interview.kelen.cc</a> 请说 <a href="/work">Work</a> 卧槽 <a href="/about">about</a> 拜拜。

// 输出
<a href="//interview.kelen.cc">https://interview.kelen.cc</a>
<a href="/work">Work</a>
<a href="/about">about</a>

判断是否是有效的IP地址

/^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$/gm
// 输入
000.0000.00.00
192.168.1.1
912.456.123.123

// 输出
192.168.1.1

判断邮箱地址

/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/igm

匹配括号的内容

/\(([^)]+)\)/g
"cc (de) asd (adsad) akl; (https://www.interview.kelen.cc)".match(/\(([^)]+)\)/g)
输出:['(de)', '(adsad)', '(https://www.interview.kelen.cc)']

/\(([^)]+)\)/g.exec("cc (de) asd (adsad) akl; (https://www.interview.kelen.cc)")
输出:['(de)', 'de', index: 3, input: 'cc (de) asd (adsad) akl; (https://www.interview.kelen.cc)', groups: undefined]
点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消