【问题标题】:How to turn off html5 browser tool-tip validation messages? [duplicate]如何关闭 html5 浏览器工具提示验证消息? [复制]
【发布时间】:2016-06-26 01:32:21
【问题描述】:

我想弄清楚如何关闭默认悬停文本,但保留黑框中显示的悬停文本。我们在这里使用 Tipsy,并希望继续在我们的页面上使用它。

我在 Web 表单中使用 HTML5 来帮助验证,并希望保持启用验证,因此我不必编写大量 JavaScript 代码。我不想在表单中添加非验证。

双悬停文本不仅让用户感到困惑,而且看起来也不是最好的。

请看下面的附图。

感谢大家的建议,但也许我最初的帖子不清楚。

  • 这是我的问题: 我想删除浏览器在 html5 输入控件为空或变为无效时显示的所有默认工具提示消息,如上图所示。我想避免显示双重工具提示。

html5 示例:

我已尝试添加 oninvalid="setCustomValidity('Testing')" - 但这也不是我真正想要的,因为仅在发布表单时才调用无效,并且默认浏览​​器工具提示仍将保留。

感谢您的反馈

【问题讨论】:

    标签: javascript css angularjs html webforms


    【解决方案1】:

    没有真正的解决方案来测试,但这应该是元素的 TITLE 属性。只需删除属性 title="" 一切都应该没问题。如果使用的表单过于复杂,无法手动打通代码,可以使用 Jquery...

    $('#id_of_an_element').find('*').removeAttr('title');
    

    【讨论】:

    • 为元素设置标题属性将不起作用,因为浏览器(我的恰好是 Chrome)显示悬停文本。我希望能够关闭此功能并且不显示任何浏览器中断的悬停文本,因为我正在使用 Tipsy 作为自定义验证文本,如图所示。这是我要禁用的 HTML5 功能。
    • 你真的试过了吗?看到这个小提琴jsfiddle.net/or9aoymh
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-31
    • 2011-05-21
    • 1970-01-01
    • 2018-12-11
    • 2017-12-13
    • 1970-01-01
    相关资源
    最近更新 更多