在标签上添加novalidate布尔属性可全局禁用浏览器原生验证；动态控制用form.noValidate = true；隐藏字段需移除required或设disabled；提交按钮加formnovalidate可绕过验证；form.submit()跳过验证但丢失反馈。
HTML5表单验证怎么禁用
直接在 <form></form> 标签上加 novalidate 属性，就能全局禁用浏览器原生验证（包括 required、type="email" 等触发的弹窗和阻止提交行为）。
注意：novalidate 是布尔属性，写上即生效，无需赋值；它只影响该表单，不影响其他表单。
- 正确写法：
<form novalidate></form> - 错误写法：
<form novalidate="false"></form>（无效，浏览器仍会禁用验证） - 如果用 JS 动态控制，可操作
form.noValidate = true（注意是noValidate，大小写敏感）
条件显示表单时如何避免校验干扰
常见场景：表单字段通过 JS 显示/隐藏，但隐藏字段仍参与验证（比如 required 字段被 display: none 了，提交时仍报错）。
根本原因：HTML5 验证不关心 CSS 可见性，只看 DOM 是否存在且满足验证条件。
立即学习“前端免费学习笔记（深入）”；
- 推荐做法：动态增删
required属性，而不是仅靠样式隐藏 ——input.removeAttribute('required') - 若字段完全不需要参与验证，可临时设
input.disabled = true（disabled 字段默认不校验，且不会提交） - 避免只用
visibility: hidden或opacity: 0，它们对验证无影响
免校验提交的实用技巧
有时你只想跳过验证走自定义逻辑（比如异步校验、分步提交），又不想全局关掉 novalidate。
- 给提交按钮加
formnovalidate属性：<button type="submit" formnovalidate>暂存草稿</button>，点击时绕过验证 - JS 中调用
form.requestSubmit()会触发验证；改用form.submit()则完全跳过所有 HTML5 验证（但会丢失原生反馈，慎用） - 监听
submit事件并e.preventDefault()后手动处理，是最灵活的方式，但需自行管理checkValidity()和setCustomValidity()
容易被忽略的兼容性与副作用
novalidate 和 formnovalidate 在所有现代浏览器中都支持（IE10+），但有几个细节常被踩坑：
-
novalidate不影响:valid/:invalidCSS 伪类 —— 它们仍会根据当前值实时计算样式 - 移动端 Safari 对
type="number"的软键盘触发不受novalidate影响，禁用验证 ≠ 改变输入类型行为 - 如果用了
inputmode或autocomplete，它们和验证无关，不会因novalidate失效
真正要小心的是：禁用原生验证后，别忘了补上自己的错误提示逻辑，否则用户可能根本不知道哪错了。
