[jQuery] bind an event to success validation

[Andrea Campolonghi]

Hi,

I have a function that show a loading bar when a form is submitted:

//show loadind bar
$(document).ready(function(){
    $('.launch').submit(function(){
        $('.loading').removeClass('hidden');
    });
});

Now adding the validation plugin I have an undesired effect:

$(document).ready(function() {
            $('.launch').validate({
                 errorContainer: $("#messageBox1"),
                  errorLabelContainer: $("#messageBox1 ul"),
                  wrapper: "li",
                });
            });

I was sure submit event was fireing only when form was effectivly submitted
and that a false validate should block this effect.
But if I submit and validation show an error the submit event is fired and
loading bar is displayed.
I need to bind the submit event only to the positive response of validation
but I do not find the right syntax.

Any suggestion

Andrea