前端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(“1054214757@qq.com”));

6 手机号码正则

---

//手机号正则

var mPattern = /^1[34578]\d{9}$/;

//输出 true

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

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(“510722818878782718”));

8 URL正则

---

//URL正则

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

//输出 true

console.log(urlP.test(“http://unhejing.club”));

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(“123.206.102.179”));

10 十六进制颜色正则

---

//RGB Hex颜色正则

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

//输出 true

console.log(cPattern.test(“#2B2B2B”));

11 日期正则

---

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

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

//输出 true

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

//输出 true

console.log(dP1.test(“2019-15-17”));

//日期正则，复杂判定

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(“2019-02-11”));

//输出 false

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

//输出 false

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

12 QQ号码正则

---

//QQ号正则，5至11位

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

//输出 true

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

13 微信号正则

---

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

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

//输出 true

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

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

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

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

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

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

最后

你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料，免费分享给大家，戳这里即可免费领取

不难**』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料，免费分享给大家，戳这里即可免费领取

[外链图片转存中…(img-vxnNI2zI-1713716208832)]

---

1. 1-9 ↩︎

2. 1-9 ↩︎

3. a-zA-Z ↩︎