Validate fields using JQuery validation without any submit?

by

Firstly, and most importantly, you must wrap your input elements inside <form></form> tags for the jQuery Validate plugin to operate. However, a submit button is not required.

Secondly, you can programatically trigger the validity test of any or all elements without a submit button by using the .valid() method.

$(document).ready(function() {

    $('#myform').validate({  // initialize the plugin on your form.
        // rules, options, and/or callback functions
    });

    // trigger validity test of any element using the .valid() method.
    $('#myelement').valid();

    // trigger validity test of the entire form using the .valid() method.
    $('#myform').valid();

    // the .valid() method also returns a boolean...
    if ($('#myform').valid()) {
        // something to do if form is valid
    }

});

DEMO: http://jsfiddle.net/URQGG/

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 Required Select
  6. jQuery validator and a custom rule that uses AJAX
  7. How to validate array of inputs using validate plugin jquery
  8. jQuery validate dynamic input array
  9. Unobtrusive validation in Chrome won’t validate with dd/mm/yyyy
  10. ASP.net MVC 3 jQuery Validation; Disable Unobtrusive OnKeyUp?
  11. jQuery Validate plugin – password check – minimum requirements – Regex
  12. how to test Recaptcha with jQuery Validate plugin
  13. How can I use jQuery validation with the “chosen” plugin?
  14. jQuery Validation – Two fields, only required to fill in one
  15. Jquery Validation for Dynamically Created Fields
  16. onkeyup and onfocusout is not working in jQuery Validate
  17. jQuery Validation plugin won’t validate when in click event handler of
  18. How can I enable jquery validation on readonly fields?
  19. select2 and jquery validation not working properly
  20. Validate dynamic field jquery
  21. Ignore all hidden div but not one in jQuery validation
  22. JQuery Validate multiple fields with one error
  23. How to make select2 work with jquery.validation plugin?
  24. jquery validation: prevent form submit
  25. Manually set unobtrusive validation error on a textbox
  26. Validating array inputs using jquery validation plugin
  27. MVC 4 client side validation not working
  28. jQuery validator and datepicker click not validating
  29. jquery validation not waiting for remote validation to return true, considers form valid
  30. How to include JavaScript files by h:outputScript? [duplicate]

Leave a Comment