不能。pattern仅在提交时校验，不阻止输入；需用input事件监听+replace实时过滤，并处理光标位置与粘贴事件，且服务端必须重复校验。
HTML input 的 pattern 属性能直接禁止输入吗？
不能。pattern 只在表单提交时校验，不阻止用户输入非法字符，也不触发实时过滤。用户依然可以粘贴、输入任意内容，直到提交才报错——这和“不允许输入”完全不是一回事。
用 JavaScript 监听 input 事件 + replace() 实时过滤
真正阻止非法字符，得靠监听 input（或 keydown），检测并剔除匹配正则的字符。关键点在于：必须在值变更后立即修正，且要保留光标位置（否则频繁跳动）。
常见错误现象：oninput 中直接 el.value = el.value.replace(/[^a-zA-Z0-9\u4e00-\u9fa5]/g, '')，会导致中文输入法下无法上屏、光标跳到末尾。
- 推荐用
input事件（兼容输入法），不用keydown（无法捕获粘贴、IME 输入） - 先保存光标位置（
el.selectionStart/selectionEnd），再替换，最后恢复光标 - 正则写法示例：禁止所有非字母数字和中文——
/[^a-zA-Z0-9\u4e00-\u9fa5]/g - 若允许空格、下划线等，需显式加入字符集，如
/[^a-zA-Z0-9\u4e00-\u9fa5 _-]/g
粘贴（paste）事件必须单独处理
input 事件对粘贴无效，粘贴内容会绕过过滤直接插入。必须监听 paste，阻止默认行为，读取剪贴板文本，清洗后再手动插入。
立即学习“前端免费学习笔记（深入）”；
实操要点：
- 调用
event.preventDefault() - 用
event.clipboardData?.getData('text') || ''获取粘贴内容 - 清洗后，用
document.execCommand('insertText', false, cleaned)（已废弃但仍广泛支持）或更稳妥的：el.setRangeText(cleaned, start, end, 'end') - 注意：Chrome/Firefox 对
clipboardData的访问有安全限制，需在用户手势触发的上下文中（如 paste 事件本身）才能读取
服务端永远要重复校验，前端过滤只是体验优化
任何前端过滤都可被绕过（禁用 JS、抓包改请求、curl 直发）。正则规则必须和服务端一致，比如前端用 /[^a-z]/i 过滤，后端也得用相同逻辑校验，不能只依赖长度或类型检查。
容易被忽略的地方：正则中的 Unicode 范围（如中文 \u4e00-\u9fa5）在不同 JS 引擎或 Node.js 版本中可能覆盖不全；生产环境建议用 \p{Script=Han}（需 u 标志）并确认运行时支持。
