JavaScript 数据验证常用正则表达式（RegExp）来匹配字符串格式，判断输入是否符合预期规则，比如邮箱、手机号、密码强度等。核心是用 test() 或 match() 方法结合预定义的正则模式进行校验。
常见字段的正则验证写法
直接在表单提交或输入事件中调用验证函数，返回布尔值即可判断是否合法：
-
邮箱验证：
/^[^\s@]+@[^\s@]+\.[^\s@]+$/—— 确保含一个 @、至少一个点，且前后非空格或 @ 符号 -
手机号（中国大陆）：
/^1[3-9]\d{9}$/—— 匹配以 1 开头、第二位是 3–9、共 11 位数字 -
6–16 位密码（含字母+数字）：
^(?=.*[a-zA-Z])(?=.*\d)[a-zA-Z\d]{6,16}$—— 使用正向先行断言确保同时含字母和数字 -
身份证号（18 位，简单版）：
/^\d{17}[\dXx]$/—— 前 17 位为数字，最后一位可为数字或 X/x
在表单中实时验证的实用方式
监听 input 或 blur 事件，动态提示用户：
- 获取输入框元素，如
const input = document.getElementById('email') - 定义正则：例如
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/ - 校验并反馈：
if (emailRegex.test(input.value)) { input.setCustomValidity('') } else { input.setCustomValidity('邮箱格式不正确') } - 配合
input.reportValidity()触发浏览器原生提示（可选）
注意正则的边界与转义细节
很多看似简单的写法容易出错，关键点包括：
立即学习“Java免费学习笔记（深入）”；
Asp.net企业项目资料管理系统
下载
1 系统使用三层构架2 数据库访问使用sqlHelper3 编辑器使用FreeTextBox4 布局采用Div+Css5 正则表达式实现数据验证6 动态构建sql查询语句
- 用
^和$锁定首尾，避免部分匹配（例如不加$时"abc@def.g"可能被@.*\.错误通过） - 特殊字符如
.、+、*、?在正则中有含义，需写成\.、\+才表示字面量 - 中文字符可用
[\u4e00-\u9fa5]匹配，但注意某些字体或输入法可能产生全角符号，需额外处理 - 大小写敏感默认开启，如需忽略大小写，创建正则时加
i标志：/abc/i
封装可复用的验证函数
把常用规则抽象成函数，提升代码可维护性：
示例：function validate(field, type) {
const rules = {
email: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
phone: /^1[3-9]\d{9}$/,
password: /^(?=.*[a-zA-Z])(?=.*\d)[a-zA-Z\d]{6,16}$/
}
return rules[type] ? rules[type].test(field) : false;
}
调用：validate('user@example.com', 'email') → true
