用 novalidate 属性可彻底禁用 html5 表单原生验证，它作用于 form 标签、不影响语义和样式钩子，且与 js 主动校验完全兼容。
怎么用 novalidate 彻底关闭表单验证
HTML5 表单默认会触发浏览器原生验证（比如 required、type="email"），外包项目常因后端已做校验或 UI 交互特殊，要求前端完全跳过这层。最直接的办法是给 <form></form> 标签加 novalidate 属性——它会禁用所有内置验证逻辑，包括提交时的弹窗提示和 :valid/:invalid 伪类样式响应。
实操建议：
-
novalidate是布尔属性，写成novalidate或novalidate="novalidate"效果一样，推荐简写 - 只作用于当前
<form></form>，不影响页面其他表单 - 禁用后，
checkValidity()方法仍可调用，但浏览器不再自动拦截 submit 事件 - 若用 JS 手动调用
reportValidity()，它依然会触发提示——novalidate不影响这个 API
为什么不能只删 required 或改 type
有人试图通过移除 required、把 type="email" 改成 type="text" 来“绕过”验证，但这不可靠。原因在于：
- 业务字段语义没变（比如邮箱还是邮箱），后续加 JS 校验或自动化测试仍可能依赖
type判断 - 某些框架（如 Angular、Vue 的 v-model 指令）会读取
type做输入过滤，改掉反而引发兼容问题 -
pattern、minlength等属性仍生效，逐个清理易漏且维护成本高 - 设计师可能用
:invalid写了错误态样式，删属性会导致样式失效，而novalidate保留 DOM 结构和样式钩子
novalidate 和 JS 主动校验能共存吗
完全可以。禁用原生验证不等于放弃校验，只是把控制权交还给 JS。常见组合方式：
