Realtime validation with jquery.validate 1.11.0

Realtime validation with jquery.validate 1.11.0

I recently upgraded from 1.10.0 to 1.11.0 and realtime validation was not working anymore. By reading the documentation I got a big surprise:

  • Before a field is marked as invalid, the validation is lazy: Before submitting the form for the first time, the user can tab through fields without getting annoying messages – they won't get bugged before having the chance to actually enter a correct value

  • Once a field is marked invalid, it is eagerly validated: As soon as the user has entered the necessary value, the error message is removed

They seem to change the default behaviour in this new release, so validation will only happen realtime after an input is set to invalid.

I found a onkeyup option in the docs, however the default value is true, but as described above, it will only validate on keyup after the field is tagged as invalid for the first time.

Are there any workaround or any option that I'm missing to revert to the old behaviour?

I don't want to keep 1.10.0 as it was having some IE issues (fixed in 1.11.0).

I've built a two codepens demostrating this beahviour: