Javascript 在提交表单之前确定重复值

假设我有一个在线表单，我想知道用户是否正在输入系统已经在使用的电子邮件。当用户将光标/所选内容移离字段时，我是否可以告诉系统根据数据库检查字段？如果可能的话，有人能给我指出正确的方向吗？

您可以通过在数据库中的Ajax调用检查电子邮件文本框的文本更改或模糊事件是否可用。然后相应地通知用户。

您可以使用jQuery的事件将侦听器附加到文本字段，如下所示：

$('#MyEmailField').blur(function() {
  // jQuery AJAX Call here, $.ajax(...)
})

---

一旦用户移出email字段，比如说单击tab或鼠标，您就需要触发一个函数来对服务器进行Ajax调用。触发功能将是电子邮件字段的模糊。然后检查用户电子邮件是否存在，返回Ajax响应以通知用户

是的，可以对Javascript的“onblur”事件（或jQuery的“focusout”方法）使用AJAX调用

您可以在HTML中使用如下内容：

<input type="email" name="myinput" />

---

为此，当用户在blur事件中写入电子邮件id时，您需要调用ajax，如下所示：

    $('#yourfieldID').blur(function() {
       var val = $(this).val();
       $.ajax({
                type: 'POST',
                url: 'your url',
                data: {email: val},
                success: function (data) {
                    // check for response
                    });
                }
            });
    });

现在在ajax url中调用的文件中，您需要检查数据库中是否存在数据，并根据这些数据发送响应，并在ajax调用的成功部分进行检查

---

我希望你能得到它。

是的。您可以使用onblur事件处理程序和ajax发送/接收数据，而无需刷新页面。。。

    $('#yourfieldID').blur(function() {
       var val = $(this).val();
       $.ajax({
                type: 'POST',
                url: 'your url',
                data: {email: val},
                success: function (data) {
                    // check for response
                    });
                }
            });
    });