angularjs - 如何为没有表单的输入元素禁用 HTML5 验证工具提示

Question

如果我有一个 input在 <form> 内元素，我可以简单地添加 novalidate属性到表单以禁用 HTML5 验证工具提示。但是，我的输入不是表单元素(我使用的是 angularJS，我使用 ng-form 指令)。

我可以听invalid事件并阻止提交验证，但我无法阻止验证工具提示。

这是一个简单的 JsFiddle以显示问题。

Answer 1

虽然已接受的答案可以完成这项工作，但另一种方法是通过简单地向输入元素添加“title”属性，验证消息将被 title 属性中的内容覆盖。

可以在title属性中加入一些有意义的文字，

<input type="email" title="Your Email"> 

P.S 在 HTML5 中，title 属性可以用在任何 HTML 元素上，这与 HTML 4.01 不同。