使用ajax提交表单并留在注册页面

Question

我是AJAX新手。

我试图提交与阿贾克斯形式使用以下逻辑：

//validate form 

//if invalid never submit 
//if valid, ajax request to get msg 
    //get success html if no server side errors exist. Replace sign up page with success html 
    //get fail message if server side errors exist, so the user can correct them (ex. invalid credit card no) 

我的AJAX：

$("form").submit(function(e){ 
    if($(this).valid()) { 

     $.ajax({ 
     url: 'formAction.php', 
     type: 'POST', 
     success: function(data){ 
      /*convert php variables to JavaScript ones*/ 
      if(success==true){ 
       //relpace current page with confirmation 
      } 
      if(success==false){ 
       //print out errors and allow user to re-submit 
      } 
     }       
    });   

    } 
    e.preventDefault; 
}); 

如果我在正确的轨道与此实现上我想知道？或者如果这种实现甚至是可能的？

我非常感谢任何建议，使这个实施工作。

非常感谢提前！

Answer 1

$("form").submit(function(e){ 
    if($(this).valid()) { 

     $.ajax({ 
     url: 'formAction.php', 
     data: $(this).serialize(), //You need to provide this, serialize may work here 
     type: 'POST', //Added single quote to prevent unterminated string literal 
     success: function(data){ 
      //call was successful since success message was called 
     },//Don't forget closing curly brace on function 
     error: function(data){ 
      //Specify a call back for errors 
     }       
    });   

    } 
    e.preventDefault; 
});