如何使用 jquery 验证插件 ajax 不将表单提交到包含现有电子邮件的数据库

Question

大家好，我正在使用jquery验证插件。它只是工作正常，但我的问题是是否有电子邮件存在数据库。在他选择另一封有效电子邮件之前，不应提交该表格。如何解决这个问题。

即使电子邮件已经在数据库中退出，表单也会提交。

这是使用ajax的形式

<form id="ajax_form" action="form_action.php">
<label for="name">Name :</label>
  <input name="name" type="text"  required />
  <label for="name">Email :</label>
  <input name="email"  type="email" required />
  <input type="submit" value="Submit" />
</form>
  <p id="validemail"></p>

$(function(){
    $("#ajax_form" ).validate({
        rules: {
            email: {
                required: true,
                email: true,
                remote: {
                    url: "check_email.php",
                    type: "post",
                    data: {
                        username: function() {
                            $("#validemail").html('This email already taken');
                        }
                    }
                }
            }
        }
    });
});

这是我检查电子邮件退出与否check_email.php。

mysql_connect('localhost', 'root', '');
mysql_select_db('krk');
$query = mysql_query("SELECT ID FROM customers WHERE email = '{$email}' LIMIT 1");
if (mysql_num_rows($query)) {
    return true;
}
else{
    return false;
}

在他选择另一封有效的电子邮件之前，不应提交该表格。 如何解决这个问题。

即使电子邮件已经在数据库中退出，表单也会提交。 在他选择另一封有效电子邮件之前，不应提交该表格。如何解决这个问题。 即使电子邮件已经在数据库中退出，表单也会提交。 在他选择另一封有效电子邮件之前，不应提交该表格。如何解决这个问题。 即使电子邮件已经在数据库中退出，表单也会提交。

Answer 1

PHP 脚本返回了错误的值。当查询返回行时，它需要返回false因为这意味着电子邮件已被使用。此外，它应该回显字符串，而不是返回值。

mysql_connect('localhost', 'root', '');
mysql_select_db('krk');
$query = mysql_query("SELECT ID FROM customers WHERE email = '{$email}' LIMIT 1");
if (mysql_num_rows($query)) {
    echo 'false';
}
else{
    echo 'true';
}

Answer 2

<script>
var emailValid = true;
$(function(){
   $("#ajax_form" ).validate({
      rules: {
        email: {
          required: true,
          email: true,
          remote: {
            url: "check_email.php",
            type: "post",
            data: {
              username: function() {
                $("#validemail").html('This email already taken');
                emailValid = false;
              }
            }
          }
        }
      }
    });
});
</script>

然后只允许在电子邮件有效 == true 的情况下提交表单;