我使用表单基本验证来检查电子邮件格式是否正确,然后数据由 Ajax 发送,它检查电子邮件地址是否已在使用中以及用户是否选择国家/州或在选择框中保留默认值.
但要完成 HTML5 表单验证,需要提交事件,如果通过则单击提交,执行基本表单验证 Ajax 操作,但是当结果出现时,我想使用相同的浏览器工具提示来实现界面一致性(而且我喜欢它们的外观)。
那么有没有办法让他们出现,我无法找到他们是否有一些特殊事件或类似触发提交事件但立即停止的事件。现在,该字段只有红色边缘,并且将鼠标悬停在其上时会出现错误消息,而再次单击提交按钮时会显示工具提示。
对于没有 native 工具提示的浏览器(在我的例子中是 Safari),我使用的是 Webshims Lib,它的行为与在 Chrome 和 Firefox 中完全一样。
最佳答案
我认为 .checkValidity()
可以解决问题,但它不会触发 UI。 ( caniuse )
听起来像.reportValidity()
做你想做的事。 ( caniuse )
关于javascript - 如何在没有提交事件的情况下显示 setCustomValidity 消息/工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12785347/