How to submit a form using jQuery Validate submitHandler

Question

this is jQuery submit form code. what i like to know is how can i submit the form on using submitHandler. thanks in advance.

submitHandler: function(form) {
    // do other stuff for a valid form
    $.post('thankyou.php', $("#confrom").serialize(), function(data) {
        $("#confrom").fadeOut('fast', function(){
            $('#results').html(data);
        });
    });
}

Answer 1

There is a submitHandler built into the plugin that contains something like form.submit(). Since you're over-riding that with your own custom submitHandler, you still need to use the submit. Otherwise, in your case, simply do some kind of Ajax instead of .submit().

The submitHandler goes inside of the .validate() method. In order to use the .validate() method, you must first include the jQuery Validate plugin after you include jQuery.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>

<script>
$(document).ready(function() {
    $('#yourform').validate({
        // other options,
        submitHandler: function(form) {
            // do other stuff for a valid form
            $.post('thankyou.php', $(form).serialize(), function(data) {
                $("#confrom").fadeOut('fast', function(){
                    $('#results').html(data);
                });
            });
        }
    });
});
</script>