正确写法是^[a-zA-Z_]+$：必须显式添加^和$锚点，使用[a-zA-Z_]明确限定字符范围（避免\w误含数字），+确保至少一个字符；HTML中写作。
直接用 pattern 属性就能搞定，但必须写对正则——只允许下划线和字母，意味着不能出现数字、空格、点、中文、特殊符号等任何其他字符。常见错误是漏掉锚点或误用 \w（它会悄悄放行数字和部分 Unicode 字符）。
pattern 属性里该写哪个正则
正确写法是：^[a-zA-Z_]+$。注意三点：
-
^和$必须显式写出，否则浏览器只做子串匹配，“123abc”也会通过 -
[a-zA-Z_]明确限定字符范围，不依赖\w（\w在多数浏览器中等价于[a-zA-Z0-9_]，会意外允许数字） -
+表示至少一个字符，若允许空值，改用*；但通常用户名/标识符不允许为空，用+更安全
HTML 中怎么写 input 标签
直接在 上加 pattern 和 title 即可，浏览器会在提交时自动校验：
<input type="text" pattern="^[a-zA-Z_]+$" title="只能输入字母或下划线">
补充说明：
- 不需要 JS 就能生效，但仅限表单提交触发（oninput 或 keyup 不会主动校验）
-
title是用户 hover 或校验失败时的提示文案，建议写清楚限制条件 - 如果还需禁止开头或结尾是下划线，得换更复杂的正则，比如
^[a-zA-Z][a-zA-Z_]*[a-zA-Z]$（强制首尾为字母）
为什么不用 onkeyup 实时过滤
用 onkeyup="this.value=this.value.replace(/[^a-zA-Z_]/g,'')" 看似直观，但问题不少：
- 粘贴（paste）时失效，需额外监听
onpaste，且处理剪贴板内容更复杂 - 光标位置会跳变，尤其在中间编辑时，用户体验差
- 无法阻止用户绕过 JS（禁用 JS 后完全失效），而
pattern是 HTML 原生约束，更可靠 - 移动端软键盘可能因频繁 DOM 修改卡顿
兼容性和边界情况要注意什么
这个正则在所有现代浏览器（Chrome/Firefox/Safari/Edge）中都支持，但有两个易忽略点：
- 它不支持中文、日文、带重音的字母（如 é, ñ），若需 Unicode 字母，得加
u标志并改用^\p{L}_*$，但pattern属性目前不支持u标志或\p{L}，所以必须用 JS 接管校验 - 下划线连续出现（如
__）或单独一个下划线（_）是合法的，如果业务上要禁止，得额外加负向断言，比如^(?!_+$)[a-zA-Z_]+$（禁止全下划线）或用 JS 做二次判断
真正难的不是写正则，而是想清楚“只允许下划线和字母”背后的真实业务意图：是否允许纯下划线？是否允许开头/结尾是下划线？是否要兼容非 ASCII 字母？这些决定了你到底该用原生 pattern，还是退到 JS 层做精细控制。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
