从php返回数据后jquery onSubmit（）问题

Question

我正在尝试使用 jQuery 和 php 来验证我的表单。我想要实现的是在后台将我的表单输入传递给 process.php，检查输入是否通过了我的验证代码，然后返回 true 或 false到我的 jQuery checkForm() 函数.. 到目前为止，下面的代码现在正在工作..

function checkForm() {
  jQuery.ajax({
    url: "process.php",
    data: {
      reguser: $("#reguser").val(),
      regpass: $("#regpass").val(),
      regpass2: $("#regpass2").val(),
      regemail: $("#regemail").val()
    },
    type: "POST",
    success: function(data) {}
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<form action="register.php" method="post" onSubmit="return checkForm()">

Answer 1

在 php 中发送所有输入以验证所有数据。

function checkForm() {
  $.ajax({
    url : "process.php",
    type: "POST",
    data: $('#yourForm').serialize(),
    dataType: "JSON",
    success: function(data)
    {
      if(data.status)
      {
        alert("Success"); 
      }
      else
      {
        for (var i = 0; i < data.inputerror.length; i++) 
        {
          alert(data.inputerror[i] + "|" +  data.error_string[i]);
        }
      }
    }
  });
};

验证您通过 Ajax 发送的数据。

  public function process()
  {
    $this->_validate_all_data();
    echo json_encode(array("status" => true));
  }

  private function _validate_all_data()
  {
    $data = array();
    $data['error_string'] = array();
    $data['inputerror'] = array();
    $data['status'] = true;

    if(empty($POST['reguser']))
    {
      $data['inputerror'][] = 'reguser'; // input name
      $data['error_string'][] = 'Reguser is required'; // message for validation
      $data['status'] = false;
    }

    if($data['status'] === false)
    {
      echo json_encode($data);
      exit();
    }
  }