Question

I made common validation message (“You have errors on page”) using “invalidHandler” option.
Now I’m looking for a way to remove this message (on leave control) when all the fields will become valid.

Answer 1

Using invalidHandler is one way to do this, but if you use the errorContainer option, jQuery validate will take care of hiding and showing the message for you. For example:

Html:

<form id="test">
    <label for="name">Name</label>
    <input id="name" type="text" name="name" class="required"/>

    <label for="age">Age</label>
    <input id="age" type="text" name="age" class="required"/>

    <input type="submit" />
</form>

<div id="invalid">You have errors the on page</div>​

CSS

#invalid { display: none; }

JavaScript:

$("#test").validate({
    errorContainer: "#invalid"
});

Example: http://jsfiddle.net/andrewwhitaker/deArQ/