如何在没有提交事件的情况下显示setCustomValidity消息/工具提示。

9 浏览
0 Comments

如何在没有提交事件的情况下显示setCustomValidity消息/工具提示。

我正在使用表单基本验证来检查电子邮件的正确格式,然后通过Ajax发送数据,在此过程中,它会检查电子邮件地址是否已经被使用,并且用户是否选择了国家/州或者保留了选择框的默认值。

但是,为了进行HTML5表单验证,需要提交事件。在点击提交按钮后,如果通过了基本的表单验证,就执行Ajax操作,但是当结果返回时,我希望使用相同的浏览器工具提示,以保持界面的一致性(而且我喜欢它们的外观)。

所以,是否有办法让它们显示出来?我无法找到是否有一些特殊的事件或者类似于触发提交事件但立即停止的方法。目前,字段只会出现红色边缘,并且在鼠标悬停时会出现错误消息,而工具提示仅在再次点击提交按钮时显示。

此外,对于没有原生工具提示的浏览器(例如Safari),我正在使用Webshims库,它的行为与Chrome和Firefox完全相同。

0