使用onsubmit调用的Ajax进行表单验证

时间:2018-12-23 21:12:57

标签: jquery ajax forms onsubmit

我正在基于检查用户IP地址是否已存在于我的数据库中的情况下,使用ajax验证注册表单。

实际问题取决于自动提交表单,而独立于ajax调用成功处理程序中的if语句是true还是false。我知道ajax调用是异步执行的,并且可能在if语句之前执行了该表单,但是我不知道如何解决该问题。

<form id="form" action="/chat/register" method="post" class="form-horizontal" role="form" onSubmit="return do_validation(this);">

ajax通话:

function do_validation() {
    var data = {
        "action": "check",
        "username": username,
        "password": password,
        "confirm_password": confirm_password,
        "email": email
    };
    data = $(this).serialize() + "&" + $.param(data);
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "uservisit.php", //Relative or absolute path to response.php file
        data: data,
        success: function(data) {
            if (data["ip_address"] === 0) {
                return true;
            }else{
                alert(data["ip_address"] + "\n"  + data["username"] + "\n" + data["password"] + "\n" + data["confirm_password"] + "\n" + data[$
                return false;
            }
        }
    }); return false;
}

data["ip_address"]提供正确的信息,如果我将ip存储在数据库中,则我将收到1条警报,如果不是0。

1 个答案:

答案 0 :(得分:0)

我有一个可行的解决方案,但这可能不是最好的方法

var retValue = false;
var data = {
  "action": "check",
  "username": username,
  "password": password,
  "confirm_password": confirm_password,
  "email": email
};
data = $(this).serialize() + "&" + $.param(data);
$.ajax({
  global: false,
  type: "POST",
  dataType: "json",
  url: "uservisit.php", //Relative or absolute path to response.php file
  data: data,
  async: false,
  success: function(data) {
    if (data["ip_address"] === 0) { 
      retValue = true;
    }else{  
      alert(data["ip_address"] + "\n"  + data["username"] + "\n" + data["password"] + "\n" + data["confirm_password"] + "\n" + data["email"] + "\n" + data["visitlasttime"]);
      retValue = false;
   } console.log(retValue);
  }
 });
 }// End else
console.log(retValue);
return retValue;