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

标签 angularjs html html-validation

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

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

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

最佳答案

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

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

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

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

关于angularjs - 如何为没有表单的输入元素禁用 HTML5 验证工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45620802/

相关文章:

search - 如何通过 HTML5 中搜索框的第 508 节?

html - 确定哪个自定义 HTML 标记冒犯了 IE8

angularjs - UI Bootstrap 与 Angular Material

php - 无法使用 DB_NAME : Access denied for user

java - gvim/vim : launching from within Java program with parameters

html - 如何在 CSS 内容属性中混合 url 字符串和属性值?

javascript - 如何将 AngularJS 1.6 升级到 Angular 5

javascript - AngularJS Angular 种子启动项目添加指令

javascript - 为什么来自 Brazen Careerist 的图标会在 Internet Explorer 中触发 SCRIPT1014 错误?