最可靠的方式是使用novalidate属性，它符合W3C标准、兼容所有现代浏览器，可全局禁用表单验证；单按钮禁用需用formnovalidate；JS方式易出错且有副作用。
HTML5 表单验证不能靠 CSS 或 JS 临时隐藏来“禁用”，真正有效的方式是移除验证触发条件或覆盖浏览器默认行为。核心结论：用 novalidate 属性最可靠，且兼容所有现代浏览器（Chrome、Firefox、Safari、Edge）。
form 标签加 novalidate 是最简单有效的全局禁用方式
这是 W3C 标准支持的原生属性，作用于整个表单，浏览器会跳过所有内置验证（required、type="email"、pattern 等）。
- 无需 JS，不依赖 polyfill，无兼容性问题
- 只影响该表单，不影响页面其他表单
- 如果同时存在
novalidate和 JS 调用checkValidity()，后者仍会执行校验逻辑（但提交不会被拦截）
禁用单个 input 的验证要用 formnovalidate（仅限 submit 类型按钮）
当一个表单里有多个提交按钮，只想让其中某个跳过验证（比如“暂存”按钮），不能给 input 加属性，必须作用在 button 或 input[type="submit"] 上。
-
formnovalidate只对type="submit"或type="image"有效 - 它不取消字段本身的
required等属性，只是绕过提交时的验证拦截 - 不要试图给
input加formnovalidate—— 浏览器直接忽略
用 JavaScript 手动关闭验证要小心副作用
通过 JS 移除属性或调用方法看似灵活，但容易遗漏或引发不一致行为：
立即学习“前端免费学习笔记（深入）”；
- 移除
required、pattern等属性可让对应字段不参与校验，但需遍历所有字段，易漏 - 调用
element.setCustomValidity('')可清空自定义错误，但对原生约束（如type="email"）无效 -
form.reportValidity()仍会触发校验，即使你已移除了required—— 因为某些浏览器缓存了初始状态 - 若用了
addEventListener('submit', e => e.preventDefault())，只是阻止提交，不代表验证被“禁用”，UI 上的红框/提示可能还在
移动端 Safari 和旧版 Edge 的特殊注意点
它们对 novalidate 支持良好，但有个常见陷阱：
- iOS Safari 在
input[type="date"]或type="number"上仍可能弹出原生键盘/选择器，这不是验证，而是输入控件行为 ——novalidate不影响这个 - IE10/11 不支持
novalidate的布尔写法（如），必须写成才生效 - 某些安卓 WebView（尤其老版本）会忽略
formnovalidate，建议 fallback 到 JS 阻止默认提交 + 手动清空 validity
真正要禁用 HTML5 验证，别碰 CSS 显示隐藏、别依赖 JS 模拟，优先用 novalidate；复杂场景下，务必检查目标浏览器的具体版本行为，特别是混合了自定义校验和原生校验的表单。
