前端表单验证常用的15个JS正则表达式，金九银十正确打开方式

---

//手机号正则

var mPattern = /^1[34578]d{9}$/; //http://caibaojian.com/regexp-example.html

//输出 true

console.log(mPattern.test(“15507621888”));

7 身份证号正则

---

//身份证号（18位）正则

var cP = /¹d{5}(18|19|([23]d))d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)d{3}[0-9Xx]$/;

//输出 true

console.log(cP.test(“11010519880605371X”));

8 URL正则

---

//URL正则

var urlP= /^((https?|ftp|file)😕/)?([da-z.-]+).([a-z.]{2,6})([/w .-])/?$/;

//输出 true

console.log(urlP.test(“http://caibaojian.com.cn”));

9 IPv4地址正则

---

//ipv4地址正则

var ipP = /^(?😦?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?).){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;

//输出 true

console.log(ipP.test(“115.28.47.26”));

10 十六进制颜色正则

---

//RGB Hex颜色正则

var cPattern = /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;

//输出 true

console.log(cPattern.test(“#b8b8b8”));

11 日期正则

---

//日期正则，简单判定,未做月份及日期的判定

var dP1 = /^d{4}(-)d{1,2}1d{1,2}$/;

//输出 true

console.log(dP1.test(“2017-05-11”));

//输出 true

console.log(dP1.test(“2017-15-11”));

//日期正则，复杂判定

var dP2 = /^(?😦?!0000)[0-9]{4}-(?😦?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;

//输出 true

console.log(dP2.test(“2017-02-11”));

//输出 false

console.log(dP2.test(“2017-15-11”));

//输出 false

console.log(dP2.test(“2017-02-29”));

12 QQ号码正则

---

//QQ号正则，5至11位

var qqPattern = /²[0-9]{4,10}$/;

//输出 true

console.log(qqPattern.test(“65974040”));

13 微信号正则

---

//微信号正则，6至20位，以字母开头，字母，数字，减号，下划线

var wxPattern = /³([-_a-zA-Z0-9]{5,19})+$/;

//输出 true

console.log(wxPattern.test(“caibaojian_com”));

14 车牌号正则

---

//车牌号正则

var cPattern = /⁴{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/;

//输出 true

console.log(cPattern.test(“粤B39006”));

15 包含中文正则

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

KS2Iesnp-1710919375129)]
[外链图片转存中…(img-QCBZVOTK-1710919375130)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-WGlLWgIo-1710919375130)]

---

1. 1-9 ↩︎

2. 1-9 ↩︎

3. a-zA-Z ↩︎

4. 京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z ↩︎