Angular 指令 novalidate 在表单 html 标记中的用途是啥

Posted 2023-03-05

技术标签:

【中文标题】Angular 指令 novalidate 在表单 html 标记中的用途是啥【英文标题】：What is the usage of Angular directive novalidate in a form html tagAngular 指令 novalidate 在表单 html 标记中的用途是什么 【发布时间】：2015-02-16 21:58:36 【问题描述】：

我想了解在表单标签中使用 novalidate 指令的含义，尤其是在用于验证表单时。

谢谢

【问题讨论】：

【参考方案1】：

您可以在 Angular 中使用与 html 5 规范相同的属性，因此您可以将 novalidate 属性添加到 form 元素，它告诉浏览器不使用其本机验证。因为不同的浏览器有不同的实现验证。由于 Angular 自己获取验证，浏览器不需要进行验证实现。

【讨论】：

【参考方案2】：

它阻止浏览器的本机验证启动，即表单数据在提交时不会被验证。示例包括输入type='email'

请注意，这不是 Angular 的指令。它是 HTML 5 属性。阅读更多关于它的信息here

【讨论】：

【参考方案3】：

novalidate 属性用于禁用浏览器的原生表单验证。