Jquery Validation Plugin - can you enable "eager" validation from the options?

Question

I'm using the Jquery Validation plugin on a project.

By default, the plugin validates input when the submit button is clicked. The behavior is "lazy" in order to be unobtrusive to the user. If an error is found, the validation then becomes "eager" and validates input as the user corrects the offending entries.

Is there any way to override the initial "lazy" behavior through an option? I can't find any solution in the documentation.

Example:

If you look at this demo, you will notice that the user can navigate through the form leaving empty text boxes that will fail validation when the user clicks on submit. If the user initially enters an invalid email address on the email textbox, it is not highlighted until the submit button is clicked. After that, the input is validated on each key press and blur event. That is what I'd like to activate from the start.

I understand the design choice of the plugin creator, but I need different behavior.

Answer 1

Actually, the default behavior I get is validation on the focusout and keyup events, which I see in the plugin code as defaults. I have to disable those in the plugin configuration in order to only get validation at submit. Perhaps you should post some of your code... I don't think the situation is completely clear.

Answer 2

Thanks to chaos for guidance on this question:

To enable eager validation on jquery validation plugin, add the following option to the validate function:

$('#myform').validate({ onfocusout: function(element) { $(element).valid(); } };

Answer 3

Nice one, this works!

Answer 4

Exactly what I was looking for. Thanks a lot.

Does anyone have any idea how to implement the same eager validation for radio buttons?

Answer 5

This is perfect, saved me quite some time, thanks a bunch!! :)