How to perform validation on submit only - jQuery Validation plugin

jquery, jquery-validate

Solution

You need to disable all three handlers if you wish to receive absolutely no errors before submission and you can do validation like this:

$('#commentForm').validate({
    onfocusout: false,
    onkeyup: false,
    onclick: false
})

Problem

I want the jQuery Validate plugin to only display the validation messages only upon form submit and not when the focus from a input field is lost. How do Ii achieve this? Right now I am following this pattern, which leads to validation after lost focus event: ``` <html> <head> <script> $(document).ready(function(){ $("#commentForm").validate(); }); </script> </head> <body> <form class="cmxform" id="commentForm" method="get" action=""> <fieldset> <p> <label for="cname">Name</label> <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" /> </p> </fieldset> </form> </body> </html> ```

Original source