html - 除了提交表单之外，触发 html5 电子邮件验证器失去焦点

Question

我有一个电子邮件输入字段，我在其中使用 ajax 检查电子邮件是否已经存在于我的数据库中，以从该电子邮件输入中失去焦点。在进行 ajax 调用之前，我想确保输入的电子邮件格式正确。我可以使用 html5 内置电子邮件验证器执行此操作，还是必须编写自己的验证函数？

编辑：我已经在使用 html5 电子邮件验证器，但它仅在提交表单时验证电子邮件。

Answer 1

在 Firefox中，默认情况下它应该在您输入时检查电子邮件的有效性（本机 HTML5 行为）：http: //jsfiddle.net/xs65r/

但要支持所有 HTML5 浏览器，您需要手动调用checkValidity() onblur和/或onkeydown.

有关详细信息，请参阅此链接： HTML5 Chrome checkValidity onBlur

正如您在下面的评论中所说，在进行 ajax 调用之前，您必须在 onblur 函数的 if 子句中使用函数 this.checkValidity() 并自己显示任何错误，因为在 Firefox 以外的浏览器中，本机验证消息 UI除非提交表单，否则不会触发。