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

时间:2016-05-13 17:05:42

标签: javascript ajax

假设我有一个在线表单,我想弄清楚用户是否正在输入已经被系统使用的电子邮件。一旦用户将光标/选择移离字段,我是否可以告诉系统检查数据库中的字段?如果真的有可能,有人能指出我正确的方向吗?

5 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分:3)

为此,当用户编写电子邮件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调用的成功部分中检查它。

我希望你能得到它。

答案 2 :(得分:1)

是的,可以在" onblur"上使用AJAX调用。 Javascript事件(或#34;焦点" jQuery方法)

你可以在HTML中使用这样的东西:

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

和JS:

$( "input" ).focusout(function() {
    var usr_email = $(this).value;
    $.ajax({
       method: "GET",
       url: "some.php",
       data: { email: usr_email }
    }).done(function( response ) {
       if(response == "taken"){
         $("input").borderColor = "red";
       }
    });
}

答案 3 :(得分:0)

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

答案 4 :(得分:0)

一旦用户移出电子邮件字段,例如选项卡或鼠标单击,您需要触发一个函数来对服务器进行Ajax调用。触发功能将在电子邮件领域的白俄罗斯。然后检查如果用户电子邮件退出,请返回Ajax响应以通知用户。