前端表单验证常用的15个JS正则表达式

---

可以是整数也可以是浮点数

//正数正则

var posPattern = /^d*.?d+$/;

//负数正则

var negPattern = /^-d*.?d+$/;

//数字正则

var numPattern = /^-?d*.?d+$/;

console.log(posPattern.test(“42.2”));

console.log(negPattern.test(“-42.2”));

console.log(numPattern.test(“-42.2”));

5 Email正则

---

//Email正则

var ePattern = /^([A-Za-z0-9_-.])+@([A-Za-z0-9_-.])+.([A-Za-z]{2,4})$/;

//输出 true

console.log(ePattern.test(“99154507@qq.com”));

6 手机号码正则

---

//手机号正则

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前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

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

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

戳这里免费领取前端学习资料

端）**

[外链图片转存中…(img-dHO62N8G-1713729250160)]

结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

戳这里免费领取前端学习资料

---

1. 1-9 ↩︎

2. 1-9 ↩︎

3. a-zA-Z ↩︎

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