如何在成功填写表单域后进行Ajax调用

Question

这里我使用的是jQuery验证。它工作正常，填充所有表单域后，我想要做Ajax调用，但我无法做到这一点。我收到错误。我能怎么做？

jQuery(document).ready(function(){ 
jQuery("#SubmitForm").validate({ 
     rules: { 
      "address": { 
       required: true     
      }, 
      "username": { 
       required: true     
      }, 
      "mobileNumber": { 
       required: true, 
       number: true, 
       minlength : 12 
      }, 
      "userEmailid": { 
       required: true, 
       email: true 
      }, 
      "message": { 
       required: true 
      } 
     }, 
     messages: { 
      "address": { 
       required: "Please enter your Location." 
      }, 
      "username": { 
       required: "Please enter your Fullname." 
      }, 
      "mobileNumber": { 
       required: "Please enter your Mobile Number." 
      }, 
      "userEmailid": { 
       required: "Please enter your Email.", 
       email: "Please enter valid Email." 
      }, 
      "message": { 
       required: "Please enter Message." 
      } 
     }, 

     /* jQuery.ajax({ 
      type:'POST', 
      url :"php/submit_hitachiForm.php", 
       data: jQuery('form#SubmitForm').serialize(), 
       cache: false, 
       contentType: false, 
       processData: false, 
       success: function(data) { 
       console.log(data); 
       if(data == "success"){ 
        $("#success_message").show(); 
        $("#success_message").fadeOut(4000); 
       } 
       }, 
      error:function(exception){ 
      alert('Exeption:'+exception); 
      } 
     }); */ 

    }); 


}); 

Answer 1

把所有的验证：

$('#SubmitForm).validate({ 
    // validation rules 
}); 

，之后初始化类的验证功能：

if($('#SubmitForm).valid()) 
{ 
    // make ajax() call here 
} 

Answer 2

在你的代码试试这个

submitHandler: function() { 
      /*ajax request*/ 
     }