最可靠方式是在 form 标签添加 novalidate 属性，从源头禁用原生校验流程；若需保留校验逻辑，可用 setcustomvalidity 配合 reportvalidity 自定义中文提示。
在移动端（尤其是 iOS Safari 和 Android Chrome）屏蔽 HTML5 表单原生验证弹出的英文提示，最可靠、最直接的方式是：在 form 标签上添加 novalidate 属性。它不是“隐藏”提示，而是从源头禁用整个校验流程，自然就不会出现任何气泡文案（包括英文或系统语言提示）。
为什么必须加在 form 上，而不是 input？
novalidate 是布尔属性，只对 <form></form> 元素生效。写在 <input> 上完全无效；用 JS 动态添加、或在框架渲染后补上，也可能因时机问题失效。只要 <form novalidate></form> 存在，哪怕里面所有字段都带 required、type="email" 或 pattern，点击提交、回车、甚至触控提交，都不会触发原生弹窗。
想保留校验逻辑但换掉英文文案？用 setCustomValidity + reportValidity
如果你仍需浏览器底层校验能力（比如利用 checkValidity() 判断状态），又不想看到默认英文提示，可以不用 novalidate，改走自定义路径：
- 给每个 input 绑定
invalid事件，并立即调用e.preventDefault()阻止气泡 - 在
input或blur时调用el.setCustomValidity('')清空错误，或传入中文字符串如el.setCustomValidity('手机号格式不正确') - 手动调用
el.reportValidity()触发校验并显示你设定的文案（注意：该方法在novalidate表单中不会弹窗，只返回布尔值）
特别注意 iOS 的“假校验”干扰
有些情况下，即使加了 novalidate，用户在 iOS 输入法里仍看到键盘类型切换（比如邮箱键盘）、或输入框短暂红框闪烁——这通常不是校验弹窗，而是浏览器根据 type 或 inputmode 做的 UI 适配。解决方法：
- 把
type="email"改成type="text"，仅靠 JS 校验格式 - 添加
inputmode="text"明确指定键盘类型 - 避免在
blur或setTimeout中调用submit()，改用requestSubmit()（iOS 16.4+ 支持）
别踩这些常见坑
以下做法看似相关，实际不能真正屏蔽英文提示：
- 只移除
required属性：已触发过的校验状态仍残留，checkValidity()可能继续返回false - 在
submit事件里写preventDefault()：弹窗发生在事件前，根本进不到你的回调 - 用 CSS 隐藏
:invalid样式：视觉上没红框，但点击提交照样弹英文气泡 - 给按钮加
formnovalidate：只跳过该按钮提交，不影响回车、JS 提交或其它按钮
