jQuery validate plugin: validate on blur() by default

by

jQuery Validation is “Lazy” validation by default. This means that, before the submit is clicked the first time, much of the validation is ignored when moving from field to field.

You’re requesting “Eager” validation, so simply over-ride the onfocusout default with a custom function…

$('#yourForm').validate({
    // rules, options, etc.,
    onfocusout: function(element) {
        // "eager" validation
        this.element(element);  
    }
});

Documentation: http://jqueryvalidation.org/validate/#onfocusout

Additional Reference: https://stackoverflow.com/a/28114269/594235

Default onfocusout function:

onfocusout: function(element) {
    // "lazy" validation by default
    if (!this.checkable(element) && (element.name in this.submitted || !this.optional(element))) {
        this.element(element);
    }
},

More Related Contents:

  1. How to display messages from jQuery Validate plugin inside of Tooltipster tooltips?
  2. jQuery validate: How to add a rule for regular expression validation?
  3. jQuery Validate – require at least one field in a group to be filled
  4. jQuery Validation Plugin – adding rules that apply to multiple fields
  5. jQuery Validate array input element which is created dynamically
  6. jQuery Validate Required Select
  7. jQuery validator and a custom rule that uses AJAX
  8. How to validate array of inputs using validate plugin jquery
  9. jQuery validate dynamic input array
  10. Unobtrusive validation in Chrome won’t validate with dd/mm/yyyy
  11. ASP.net MVC 3 jQuery Validation; Disable Unobtrusive OnKeyUp?
  12. jQuery Validate plugin – password check – minimum requirements – Regex
  13. How can we specify rules for jQuery validation plugin by class?
  14. how to test Recaptcha with jQuery Validate plugin
  15. jQuery Validation – Two fields, only required to fill in one
  16. Jquery Validation for Dynamically Created Fields
  17. onkeyup and onfocusout is not working in jQuery Validate
  18. jQuery Validation plugin won’t validate when in click event handler of
  19. select2 and jquery validation not working properly
  20. Validate dynamic field jquery
  21. jQuery Validation with multi-part form
  22. Ignore all hidden div but not one in jQuery validation
  23. JQuery Validate multiple fields with one error
  24. How to make select2 work with jquery.validation plugin?
  25. jquery validation: prevent form submit
  26. Manually set unobtrusive validation error on a textbox
  27. Validating array inputs using jquery validation plugin
  28. MVC 4 client side validation not working
  29. jQuery validator and datepicker click not validating
  30. jQuery multiple input name[] validation

Leave a Comment