输入验证+ jquery ui工具提示会导致双工具提示

Question

在内部网站上，我使用指定了“required”和“pattern”的输入文本字段。这会显示来自浏览器（Chrome）的工具提示消息，说：请填写此字段。

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

其中我试过：

::-webkit-validation-bubble-message { display: none; }

document.getElementById("xx").setCustomValidity('')

似乎第一个不再受支持了。而第二个我无法改变任何东西 - 除了它似乎只是改变文本，而不是完全删除它。

我需要验证，因此我无法删除“required”，也无法通过使用novalidate或类似功能禁用验证。

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

Answer 1

我决定改为寻找解决方法。 我没有在文本框本身上添加我的jquery ui工具提示，而是添加了一个带有信息标记（）的span。然后将工具提示添加到此范围。