能，但仅对提交触发的原生验证生效，且必须加在标签上；加在上无效。正确写法为或。
form 标签的 novalidate 属性真能关掉所有验证？
能，但只对「提交触发的原生验证」生效，且必须加在 标签上，不是加在 input 上。很多人误以为加在某个 上就能局部禁验，其实无效。
常见错误写法： —— 这个 novalidate 被浏览器完全忽略。
正确用法只有两种：
-
：整个表单提交时不触发任何原生验证（包括required、type="email"、pattern等） -
：等价写法，属性值任意字符串都行，存在即生效
JavaScript 动态添加的表单元素怎么批量禁验？
动态插入的 不会自动继承父 的验证行为，但也不会“自带验证”——它是否校验，只取决于它自身有没有 required、pattern 等约束属性，以及它所属的 是否带 novalidate。
立即学习“前端免费学习笔记（深入）”；
所以“批量禁验”的本质是两件事：
- 确保父
带novalidate（一劳永逸） - 动态生成 input 时，别主动写
required、minlength、pattern等验证属性（否则即使 form 有novalidate，调用checkValidity()或reportValidity()仍会返回 false / 弹提示）
例如：
const input = document.createElement('input');
input.type = 'email';
input.required = true; // ❌ 即使 form 有 novalidate，这行也会让 input 自身“认为”它该被验证
input.setAttribute('required', ''); // 同样 ❌
// ✅ 正确做法：不设任何验证属性
想保留部分字段验证，只禁掉某些字段？
HTML5 没有 skipvalidate 这种属性，但可以用 JS 绕过：
- 监听
submit事件，调用event.preventDefault()，自己控制提交逻辑 - 对要跳过的字段，临时移除其验证属性再调用
form.checkValidity()，校验完再恢复（不推荐，易出竞态） - 更稳妥的做法：统一不依赖原生验证，改用自定义校验函数 + 手动设置
setCustomValidity('')控制每个字段状态
例如禁掉某个 email 字段的验证：
const emailInput = document.querySelector('#email');
emailInput.setCustomValidity(''); // 清空自定义错误
emailInput.removeAttribute('required');
emailInput.removeAttribute('type'); // 改成 text 可绕过 type=email 校验（慎用，语义丢失）
为什么加了 novalidate 还弹红框/报错？
大概率是以下三类干扰：
- CSS 里写了
:invalid伪类样式（如input:invalid { border: 1px solid red; }），这个样式不受novalidate影响，只要 input 值不满足其type或pattern就会触发 - JS 主动调用了
input.reportValidity()或form.reportValidity()—— 这个方法无视novalidate，强制触发验证和 UI 提示 - 第三方库（如 jQuery Validation、VeeValidate）自己实现了一套校验，跟 HTML5 原生验证无关，禁用
novalidate完全没用
排查顺序：先看控制台有没有手动调 reportValidity，再查 CSS，最后确认有没有引入校验库。
真正干净的禁验，是 + 不手动调验证 API + 不写触发 :invalid 的 CSS + 不引入外部校验逻辑 —— 四者缺一不可。
