novalidate属性可一次性禁用整个表单的原生校验，使浏览器跳过required、type="email"等自动验证，将控制权交由JavaScript自定义处理，且不影响键盘类型切换等其他原生功能。
在表单提交时，HTML5 的原生校验（如 required、type="email"、pattern 等）会自动触发并阻止提交，这可能干扰你自定义的验证流程。使用 novalidate 属性可**一次性禁用整个表单的原生校验**，把控制权完全交给你。
给 form 标签添加 novalidate 属性
这是最直接有效的方式——它告诉浏览器：「别管我的 input 有没有写 required，也别检查 email 格式，提交时一律跳过原生校验」。
示例：
注意：novalidate 是布尔属性，写上即生效，无需赋值（novalidate="true" 或 novalidate="" 都不必要，但也不报错）。
立即学习“前端免费学习笔记（深入）”；
配合 JavaScript 实现自定义验证
加了 novalidate 后，浏览器不再拦截提交，你需要手动监听 submit 事件，并调用 event.preventDefault() 来阻止默认行为，再执行你的逻辑：
- 遍历所有必填字段，检查是否为空
- 用正则匹配邮箱、手机号等格式
- 调用后端接口验证用户名是否已存在
- 统一收集错误，高亮对应输入框并显示提示
关键代码片段：
const form = document.getElementById('myForm');form.addEventListener('submit', function(e) {
e.preventDefault(); // 阻止默认提交
if (validateForm()) {
form.submit(); // 手动提交（或发 AJAX）
}
});
novalidate 不影响 input 的其他原生特性
即使加了 novalidate，以下功能仍正常工作：
- 键盘类型切换（如
type="tel"在手机上唤起数字键盘） - 自动聚焦与回车提交（如果只有一个文本框）
- value、placeholder、disabled 等常规属性
- 通过
checkValidity()或reportValidity()主动触发校验（但需先移除 novalidate 或临时取消）
也就是说：novalidate 只屏蔽「提交时的自动拦截」，不阉割表单的其他能力。
需要局部关闭？novalidate 是表单级的，无法单独关某个 input
HTML5 没有 novalidate 的 input 级等价属性。如果你只想跳过某几个字段的校验，可行做法包括：
- 临时移除该 input 的
required、pattern等校验属性 - 用
setCustomValidity('')清空其校验状态（适用于需要保留属性但绕过某次校验的场景） - 改用非校验型 type（如
type="text"替代type="email"），并在 JS 中自行判断
总之，全局禁用靠 novalidate，精细控制靠 JS 操作和属性管理。
