在前端的世界里字符串校验总是让人又爱又恨。正则表达式就像一把锋利的小刀，既Neng帮我们快速剔除脏数据，也可Neng因写得不够严谨而导致“坑”。今天我把日常开发中Zui常碰到、Zui实用的一批模式全部搬进来配上简洁的示例代码，直接复制粘贴即可上手。

JS 中创建正则有两种写法：

// 字面量
const emailPat = /^+@+\.{2,}$/;
// 构造函数
const dynamicPat = new RegExp;

字面量写法直观、执行快；构造函数Ke以把变量塞进去，灵活度geng高。选哪一种，全凭个人喜好与实际需求。

const emailReg = /^+@+\.{2,}$/;
console.log); // true

要点：

本地部分允许字母、数字以及 ._%+- 符号。

域名必须有点号且后缀不少于两位。

const phoneReg = /^1\d{9}$/;
console.log); // true

说明：首位固定为 1，第二位 3~9 中任意数字，后面紧跟 9 位数字。

const idCardReg = /^$/;
console.log); // true

技巧：使用非捕获组 简化结构，让 15 位和 18 位两套规则共存。

const urlReg = /^?+)?$/i;
console.log); // true

要点：

https? 匹配 http 或 https，可省略。

+) 捕获域名层级。

? 匹配可选路径与查询串。

const ipReg = /^){3}$/;
console.log); // true

这段正则kan起来有点长，但它把每段数字的取值范围限制得非常精准——不允许出现 “256” 那种超出范围的情况。

const dateReg = /^{4}--$/;
console.log); // true

*负向前瞻* 防止出现 “0000‑01‑01”。月份和日期均采用“零前缀”形式，提高可读性。

const timeReg = /^:\d:\d$/;
console.log); // true

使用非捕获组让代码geng干净；小时只Neng是 00‑23，分钟秒数限定在 00‑59。

// 任意整数或保留两位小数的浮点数
const numReg = /^?$/;
console.log); // true
console.log);   // true

- 前置符号可选；整数部分Ke以省略小数点后面的数字，也Ke以只写小数点后两位。

const strongPwd = /^.{8,}$/;
console.log); // true

*四个正向前瞻* 分别检查小写、大写、数字和特殊字符；整体长度不少于八位。这样即使用户随手敲出“12345678”，也会被拒绝。

const userNamePat = /^{4,16}$/;
console.log); // true

简洁明了适用于大多数社区或后台系统的登录名要求。

"全局" 与 "忽略大小写": 在需要遍历整个字符串时加上 /g; 若对大小写不敏感，加上 /i.