你在填注册页面时，是不是经常遇到邮箱格式不对、手机号被拒的情况？其实这些“挑刺”背后，大多靠的是正则表达式在做表单验证。它就像一个自动检查员，帮你把关输入内容是否合规。
什么是表单验证正则表达式
正则表达式（Regular Expression）是一串描述规则的文本模式。在网页开发中，常用来验证用户输入的内容是否符合要求。比如判断邮箱有没有@符号、手机号是不是11位数字等。
通过在前端加入正则验证，可以在用户提交前就发现问题，避免反复刷新页面，体验更流畅。
常用的验证场景和写法
邮箱格式验证：必须包含@和域名部分，常见写法如下：
^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$这个规则确保了像 user@example.com 这样的格式才被接受，而 user@@com 会被拦下。
手机号验证（中国大陆）：通常以1开头，第二位是3-9，总共11位：
^1[3-9]\d{9}$这样能匹配 13812345678，但会拒绝 12812345678 或长度不对的号码。
密码强度限制：比如要求至少8位，包含大小写字母和数字：
^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d@$!%*?&]{8,}$这种写法利用了“零宽断言”，分别检查是否含有小写、大写和数字，提升账户安全性。
实际使用中的注意事项
虽然正则很强大，但也别太复杂。过于冗长的表达式不仅难维护，还可能误伤正常输入。比如严格限制密码必须含特殊字符，反而让用户记不住，容易写纸上或重复使用。
另外，前端正则只是第一道防线。恶意用户可以绕过页面直接发请求，所以关键验证还得在服务器端再走一遍，双保险更安全。
举个例子，你在网上买火车票，填写身份证号时系统立刻提示“格式错误”，这就是正则在起作用。它提前发现你少输了一位，省得提交后才发现，耽误抢票时间。
怎么测试自己写的正则
推荐用在线工具如 RegExr 或 Regex101，一边写一边测试各种输入情况。比如输入几个常见邮箱，看看是否都能通过；再试几个错误格式，确认能否正确拦截。
开发时也可以用 JavaScript 快速验证：
const pattern = /^1[3-9]\d{9}$/;
console.log(pattern.test('13812345678')); // true
console.log(pattern.test('12812345678')); // false调试起来直观又方便。
掌握几个常用正则，不仅能看懂别人代码，还能自己动手优化表单体验。下次做网页注册功能时，不妨试试加上这些小规则，让输入更规范、更高效。