JavaScript正则表达式是表单验证最常用工具，推荐字面量创建、使用^$确保完整匹配，并结合trim、事件监听与服务端校验。
JavaScript 正则表达式（RegExp）是验证表单数据最常用、最灵活的工具之一。它能快速判断输入是否符合预期格式，比如邮箱、手机号、密码强度、身份证号等。关键不是死记硬背复杂模式，而是理解基本语法 + 针对场景写精准规则。
基础写法：字面量 vs 构造函数
两种创建方式，日常推荐字面量（更简洁、性能略好）：
-
字面量：
/^\d{6}$/—— 匹配6位纯数字（如邮编） -
构造函数：
new RegExp("^\\d{6}$")—— 注意转义要双反斜杠，适合动态拼接规则
常用修饰符：i（忽略大小写）、g（全局匹配）、m（多行模式）。表单验证通常用 ^（开头）和 $（结尾）确保**完整匹配**，避免部分符合就通过。
常见表单字段的正则写法
直接贴出实用、经过测试的模式，可复制修改：
立即学习“Java免费学习笔记（深入）”；
-
手机号（国内11位，13-19开头）：
^1[3-9]\d{9}$ -
邮箱（基础校验，非RFC全规范）：
^[^\s@]+@[^\s@]+\.[^\s@]+$（兼顾可读性与实用性） -
密码（8-20位，含字母+数字）：
^(?=.*[a-zA-Z])(?=.*\d)[a-zA-Z\d]{8,20}$（用正向先行断言保证同时存在） -
身份证号（18位，含X校验）：
^\d{17}[\dXx]$（注意：完整校验需额外算法，此式仅做格式初筛）
在表单中实际调用验证
不要只靠正则，结合事件和反馈才完整：
- 监听
input或blur事件，实时或失焦时触发 - 用
regex.test(value)返回布尔值，别用match()或exec()做判断（它们返回数组或null，易出错） - 验证失败时，聚焦错误字段 + 显示提示文字，别只弹 alert
示例代码片段：
const phoneInput = document.getElementById('phone');
const phoneRegex = /^1[3-9]\d{9}$/;
phoneInput.addEventListener('blur', () => {
if (!phoneRegex.test(phoneInput.value.trim())) {
phoneInput.setCustomValidity('请输入正确的手机号');
} else {
phoneInput.setCustomValidity('');
}
});
