验证使用AJAX的表单，然后提交

Question

我验证使用AJAX这样的形式：

<script> 

     $(function() { 

      $("#loginForm").submit(function() { 
       var data = $("#loginForm :input").serialize(); 
       var curl = "../view/index_valid.php"; 
       $.ajax({ 
        url: curl, 
        method: "post", 
        data: data, 
        success: function(data) { 
         if(data==="logged") { 
          return true; 
         } else { 
          return false; 
         } 
        } 

       }); 
       return false; 
      }); // end loginForm submit function 

     }); // end function 

</script> 

我觉得当回报是真，形式应提交（action="..."）。 ..但没有任何反应。什么可能是错的？

Answer 1

而不是在成功回调return true;，使用DOM节点方法提交表单：

$("#loginForm").submit(function() { 
    var data = $("#loginForm :input").serialize(); 
    var curl = "../view/index_valid.php"; 
    $.ajax({ 
     context: this, //>> set context 
     url: curl, 
     method: "post", 
     data: data, 
     success: function (data) { 
      if (data === "logged") { 
       this.submit(); //>> that will submit the FORM 
      } /*else { 
       return false; //>> returning false here is useless 
      }*/ 
     } 
     return false; 
    }); 
}); // end loginForm submit function