javascript - Ajax 调用函数成功返回 false 不起作用

Question

我正在运行一个ajax请求，然后一旦我得到结果，我就会选择是否应该继续或者是否不应提交表单。我正在检查该电子邮件是否存在。

问题是我将 return false 从 success: 中移出，因为它在那里不起作用，现在在一个单独的函数中它也不起作用。我收到 alert("FALSE"); 但表单仍然提交，这不好，因为我希望弹出错误。

$.ajax({
  type: "POST",
  url: "/ajax/checkdata.php",
  data: "email="+email,
  success: function(data){
    var returned = true;
    if (data == "Email Exists") {
      returned = false;
    } else {
    }
    emailModal(returned);
  }
})

function emailModal(result){
  if (result) {
    alert("TRUE");
  } else {
    alert("FALSE");
    return false;
  }
}

Answer 1

您必须始终阻止表单提交，然后在检查电子邮件时确定是显示错误还是使用 native 提交处理程序提交表单

$('form').on('submit', function(e) {
    e.preventDefault();
    $.ajax({
        type: "POST",
        url: "/ajax/checkdata.php",
        data: {email : email},
        context: this
    }).done(function(data) {
        if (data == "Email Exists") {
            alert(data);
        } else {
            this.submit();
        }
    });
});