前端常用正则表达式
2021/11/30 13:06:19
本文主要是介绍前端常用正则表达式,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
整理了前端常用的正则表达式,包括链接,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]
这篇关于前端常用正则表达式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09一定要避坑:关于微信H5分享,温馨提示你不要再踩坑了!!!
- 2024-05-09本地项目放到公网访问!炒鸡煎蛋!
- 2024-04-07金融企业区域集中库的设计构想和测试验证
- 2024-03-11前端CSS的工程化——掌握Sass这四大特性就够了
- 2024-02-21h5关联css样式(html怎么和css关联)-icode9专业技术文章分享
- 2024-02-07Firefox禁止远程字体加速网页加载及图标字体补充安装
- 2024-02-07一个菜鸡前端的3年总结-「2023」
- 2024-01-18最火前端Web组态软件(可视化)
- 2024-01-12程序员提效 x10 的必备开源“神器”
- 2024-01-11前端可以监控静态资源的时间吗-icode9专业技术文章分享