HTML | DOM 表单 noValidate 属性

noValidate 属性用于指定 HTML 表单是否进行自动验证。

当设置为 noValidate 时，浏览器将不会验证填写在表单中的数据。

语法

<form novalidate>
  <!-- 表单元素 -->
</form>

属性值

• novalidate：禁用表单的自动验证。

使用场景

• 在表单中使用自定义的验证逻辑时，可以设置 novalidate 属性以阻止浏览器的自动验证。
• 在进行一些特殊的表单处理时，例如使用 JavaScript 进行表单数据验证和提交之前的预处理，可以将 novalidate 与自定义的验证函数一起使用。

注意事项

• 使用 novalidate 属性并不会完全禁用浏览器的验证功能，仍然会有一些基本的验证，例如必填字段和邮箱格式验证。
• 若要完全手动控制表单验证的过程，可以使用 JavaScript 进行自定义的验证逻辑，并在提交表单时取消默认的提交行为。

示例

以下示例演示了如何使用 novalidate 属性：

<form novalidate>
  <label for="name">姓名：</label>
  <input type="text" id="name" required>
  <br><br>
  <label for="email">邮箱：</label>
  <input type="email" id="email" required>
  <br><br>
  <button type="submit">提交</button>
</form>

上面的表单中，novalidate 属性被用于禁止浏览器的自动验证。由于 required 属性的存在，仍然会进行必填字段验证，但不会进行其他类型的验证，例如邮箱格式验证。

参考链接

• HTML
  novalidate Attribute