HTML表单不验证怎么设置

• novalidate 只影响当前 ，不影响页面其他表单
• 加了之后，checkValidity() 仍返回 true，reportValidity() 也不再触发提示
• 它不会禁用 JavaScript 手动调用的 setCustomValidity()，那些逻辑照常运行
• 如果用 JS 提交（比如 form.submit()），novalidate 同样生效，不触发校验

为什么不用 onsubmit="return false" 或 event.preventDefault()

这两种写法确实能拦住提交，但属于“绕开”而非“关闭校验”。它们的问题很实际：

• 用户点击输入框后按回车，浏览器仍可能先弹校验提示，再执行 preventDefault()，体验割裂
• 屏幕阅读器等辅助工具可能仍把字段识别为必填，无障碍支持变差
• 后续如果要恢复校验，得同时删 JS 和补 HTML 属性，维护成本高
• novalidate 是语义化标准方案，所有现代浏览器原生支持，没兼容性包袱

novalidate 和后端验证的关系

这个属性只关浏览器前端校验，和后端完全无关。别误以为加了它就“不用验了”。

• 恶意用户删掉 novalidate 或直接发请求，后端照样得校验字段格式、非空、长度等
• 前后端校验逻辑最好保持一致，比如邮箱正则、手机号格式，否则用户看到的错误提示会不统一
• 如果表单用了 JS 动态校验（比如实时查用户名是否已存在），novalidate 不影响这些逻辑，该跑还跑

容易被忽略的细节：表单内嵌 依然受控

有人以为只有 <input type="submit"> 才走校验流程，其实不然。只要按钮在 内且 type="submit"，无论它是 还是 <input>，都会触发默认校验——除非整个 form 有 novalidate。

没写 type 默认是 submit，这点很多人忘设，结果点了就校验

如果只想让某个按钮绕过校验，又保留其他按钮的校验，不能靠 novalidate，得用 JS 绑定 click 并调 form.submit()

novalidate 对 <input type="image"> 或自定义 submit 逻辑的按钮也一视同仁

浏览器默认校验看起来省事，但一旦需要定制交互或对接复杂业务逻辑，novalidate 就是那个最轻、最稳、最容易被漏掉的开关。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。

您即将跳转至第三方网站，请注意保护好个人信息和财产安全！

继续访问