HTML中不能直接用正则表达式校验工号，pattern属性仅支持简易前端匹配，不支持否定排除、大小写标志等；真正可靠校验需用JavaScript实现。
HTML 中根本不能用正则表达式校验工号格式
HTML 的 pattern 属性支持正则语法，但仅用于表单原生校验（如 <input pattern="...">），它不是“HTML 正则表达式”，而是浏览器对输入值的简易前端匹配。真正在 HTML 文档里写正则表达式（比如 /^\d{6}$/）不会执行、不生效、不报错——只是纯文本。
用 pattern 属性做基础工号校验
适用于简单规则，比如“6位纯数字工号”或“以 EMP 开头 + 4位数字”。浏览器会在提交前自动触发校验，并显示 title 提示。
-
pattern值必须是字符串，不加斜杠/包裹（和 JS 正则字面量不同） - 隐式全匹配：浏览器自动在正则前后加上
^和$，不用自己写 - 不支持标志（如
i、g），无法忽略大小写或全局匹配 - 移动端软键盘可能因
pattern变化（例如[0-9]*弹出数字键盘），但不可靠，别依赖
<input
type="text"
name="empId"
pattern="[A-Z]{2,3}\d{4,6}"
title="工号格式：2–3个大写字母+4–6位数字，如 HR1234 或 DEV56789"
required>
为什么只靠 pattern 不够
常见工号规则超出 pattern 能力范围：
- 需要排除特定编号（如禁用
"000000"或"ADMIN"）→pattern只能“肯定匹配”，无法“否定排除” - 需实时校验并提示具体错误类型（“长度不足” vs “含非法字符”）→
pattern只返回布尔结果 - 要联动后端验证（如检查工号是否已存在）→ 必须用 JS 发请求，
pattern完全不参与 - IE10 及更早版本不支持
pattern，且 Safari 对某些 Unicode 字符处理异常
真正可靠的校验得靠 JavaScript
把正则逻辑交给 JS，才能控制时机、反馈和容错。关键点：
立即学习“前端免费学习笔记（深入）”；
- 用
RegExp构造函数或字面量写完整正则，比如/^[A-Z]{2,3}\d{4,6}$/ - 校验前先
.trim()，避免空格干扰（pattern不会自动去首尾空格） - 用
test()判断匹配，比match()更轻量；若需提取分组再用exec() - 把校验逻辑封装成函数，方便复用和单元测试
function isValidEmpId(str) {
if (typeof str !== 'string') return false;
const trimmed = str.trim();
// 禁用全零工号
if (/^0+$/.test(trimmed)) return false;
return /^[A-Z]{2,3}\d{4,6}$/.test(trimmed);
}
调用时注意：正则中的 ^ 和 $ 必须显式写出，JS 不会自动补全。
复杂规则（比如校验 Luhn 算法、绑定部门编码、跨系统 ID 映射）基本没法塞进正则，这时候正则只是第一道过滤，后面一定得接业务逻辑判断。
