HTML button元素使用formnovalidate属性如何实现绕过表单验证的高级操作？

本文共计1036个文字，预计阅读时间需要5分钟。

`formnovalidate` 是一个布尔属性，仅适用于 `` 元素。它指示浏览器在表单提交时不执行表单验证。这使得当表单被提交时，浏览器不会按照默认的验证规则来检查表单输入，从而跳过验证过程。

常见错误现象：formnovalidate 加在 <button type="button"> 上完全无效；加在 Safari 的 iOS 15.4+ 里仍可能被忽略；加了却没看到效果，大概率是按钮没设 type="submit"。

• 必须配合 type="submit" 使用，否则不触发表单提交，formnovalidate 就没意义
• 它优先级高于 <form novalidate>：哪怕表单本身没加 novalidate，只要某个提交按钮带 formnovalidate，点它就跳过
• 不改变字段的 validity 状态——input.validity.valid 还是照常计算，checkValidity() 也依然返回正确布尔值

什么时候该用 formnovalidate，而不是给整个 form 加 novalidate

典型场景是「多按钮语义分离」：一个“保存草稿”，一个“正式提交”。前者不该被 required 拦住，后者必须校验。