输入类型的电子邮件有效时如何触发功能？

Question

我有一个带有Set-AzureStorageBlobContent的HTML表单。仅当输入的数学公式带有有效的电子邮件格式时，此字段才会接受。

我想向服务器发出AJAX请求，以确保在输入字段已验证输入的电子邮件之后，数据库中不存在该电子邮件。为此，我在现场尝试了.valid（）函数，希望它在输入有效电子邮件时将被触发，因为：valid是CSS伪类。

input type="email"

但是我收到错误消息，说有效的方法不存在。我还能怎么做到呢？

编辑： 我的问题不是要按照this问题中所述验证电子邮件的格式是否正确。它与运行仅在输入的电子邮件已经采用有效格式的情况下进行AJAX调用的功能有关。 AJAX呼叫检查电子邮件是否已与另一个帐户链接。我可以对焦点进行此功能，但这将在电子邮件明显无效时对服务器进行不必要的调用。

Answer 1

您可以在用户每次更改输入值时检查电子邮件是否有效：

$("input[type='email']").keyup(function() {
    let email = $("input[type='email']").val();
    if($(this).is(':valid')) {
        $.ajax({
            // Ajax request made here..
        })
    }
}