How to focus invalid fields with jQuery validate?

Question

There is focusInvalid option, which is true by default. But it works only when form submission happens. If I validate the form with valid method, then it doesn\'t w

Answer 1

First of all you need to save your validator to a variable so you can use it in the click handler:

var validator = $("#test-form").validate({ /* settings */ });

Then in the validate handler, you can manually call the focusInvalid function from the validator variable:

  $("#validate").click(function() {
        if ($("#test-form").valid()) 
              alert("Valid!");
        else
              validator.focusInvalid();

        return false;
  });

Example