输入验证 + jquery ui 工具提示会产生双工具提示



在内部网站上,我使用指定了"必需"和"模式"的输入文本字段。这会导致一条工具提示消息显然来自浏览器 (Chrome(,内容为:请填写此字段。

通过使用"title"指定我自己的文本,我可以覆盖它,但我需要使用粗体、换行符等格式化工具提示文本。出于这个原因,我已经切换到jquery ui。 现在出现了一个问题,因为现在我最终得到了两个工具提示。带有我的文本和来自Chrome的本机工具提示的jquery UI说"请填写此字段"。

我尝试过的其他内容包括:

::-webkit-validation-bubble-message { display: none; }
document.getElementById("xx").setCustomValidity('')

似乎不再支持第一个了。第二个我无法更改任何内容 - 除此之外,它似乎只是更改文本,而不是完全删除它。

我需要验证,所以我不能删除"必需",也不能通过使用novaliding或类似方法禁用验证。

真的没有办法摆脱这个原生验证工具提示吗?

我决定采取一种解决方法。 我没有在文本框本身上添加我的 jquery ui 工具提示,而是在其后添加了一个带有信息标记 (🛈( 的跨度。然后将工具提示添加到此范围。

最新更新