需用js监听invalid事件并调用setcustomvalidity()动态设置多语言提示，lang切换后必须遍历表单元素重置提示文案，或改用novalidate全手动验证。
怎么让 <form></form> 的提示文字随 lang 切换自动变？
浏览器本身不解析 lang 属性来替换表单提示（比如 required 错误、pattern 提示），这是常见误解。所谓“切换 lang 就变提示”，实际得靠 JS 主动拦截并覆盖原生行为。
关键不是改 html 标签的 lang，而是监听表单验证事件，用自定义文案替代浏览器默认弹窗。
- 必须监听
invalid事件（不是submit），它在验证失败时立即触发 - 调用
event.preventDefault()阻止原生提示弹出 - 用
element.setCustomValidity("提示文字")设置当前语言文案 - 每次
lang切换后，需重新遍历表单元素，按新语言刷新setCustomValidity("")清空旧状态
setCustomValidity 怎么配合多语言数据用？
不能硬编码字符串。推荐把提示文案存在对象里，键名对应 lang 值，比如 { "zh-CN": "邮箱格式不正确", "en-US": "Invalid email format" }。
注意：只有在元素处于无效状态（element.checkValidity() === false）时，setCustomValidity 设置的内容才会被读出；设为空字符串 "" 表示恢复有效态。
- 文案对象建议挂到全局或模块级变量，避免重复创建
- 获取当前语言用
document.documentElement.lang，别依赖navigator.language - 对
input[type="email"]这类有内置校验的类型，仍要手动触发checkValidity()才能更新提示
为什么 lang 改了但错误提示还是中文？
因为 setCustomValidity 是一次性的，它不响应 lang 变化。你切了 lang，但没重置所有表单控件的自定义提示，旧文案就一直卡着。
- 必须在
lang切换后，遍历所有带验证的input、select、textarea，逐个调用setCustomValidity("") - 否则下次触发
invalid时，仍会沿用上次设置的旧文案 - 如果用了框架（如 React），注意 DOM 元素可能被复用，
setCustomValidity状态不会自动清除 - 不要只监听
languagechange事件——它只在系统语言变时触发，和页面lang无关
有没有更轻量的替代方案？
如果只是想省掉 JS，可以放弃原生验证，全用 JS 控制：required 和 pattern 属性留着做基础语义标记，但禁用浏览器默认行为：<form novalidate></form>，再自己写验证逻辑和提示渲染。
这样文案完全由 JS 控制，语言切换只需刷新 UI 层，不用跟 setCustomValidity 的状态生命周期较劲。
-
novalidate是最干净的断点，避免和原生验证逻辑纠缠 - 适合需要统一提示样式、支持 RTL、或要加图标/动画的场景
- 缺点是失去部分无障碍支持（如屏幕阅读器对原生
required的识别），需手动补aria-invalid和aria-describedby
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
