HTML | formnovalidate 属性

HTML中，formnovalidate是

语法

formnovalidate属性的语法如下：

<form action="URL" method="GET" or "POST" formnovalidate>
	…
</form>

值

formnovalidate属性只有一个值，即novalidate。

• novalidate：如果该属性设置为novalidate，则表单的验证将被忽略。如果提交表单时有错误，则表单将以未验证的状态进行提交。

示例

下面是一个简单的表单，其中包含formnovalidate属性：

<form action="/submit-form" method="POST" novalidate>
	<input type="text" name="username" required>
	<input type="password" name="password" required>
	<button type="submit">提交</button>
	<button type="submit" formnovalidate>提交（不验证）</button>
</form>

在上面的示例中，第一个按钮是正常的提交按钮，它会验证表单中的输入是否合法。第二个按钮是带有formnovalidate属性的提交按钮，它将忽略表单中的验证错误。

注意事项

• formnovalidate只是忽略了浏览器自带的验证，只要有必填项未填报错提示信息，不会阻止提交。如果要在后端中做“不通过验证不让提交”的处理，仍需要自己写验证逻辑处理。

• 如果你使用JavaScript和/或jQuery进行表单验证，那么无论你是否设置formnovalidate，都将执行自定义验证逻辑并阻止表单提交。

• formnovalidate属性只能应用于和类型的元素。

• 对于通过JavaScript提交的表单，即使给了formnovalidate，也会执行验证。

结论

formnovalidate属性提供了一个很好的解决方案，可以让表单在必要的情况下跳过验证。如果你需要在提交表单时忽略验证，那么这个属性是必须的。

另外要注意的是，该属性只是表单的前端验证，需要在服务端检查必填项是否为空等等，以确保数据的安全性。