成功填写表单字段后如何进行Ajax调用

Question

Here I am using jQuery validation. It is working fine, after fill all form fields I want do Ajax call but I am not able to do that. I am getting error. How can I do?

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

Put all the validation:

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

and after that initialize the validation function like:

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

Answer 2

Try this in your code

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