CODEWITHSUNDEEP
jqueryjquery-validate
coder_bro
coder_bro

Reputation: 10773

How to perform validation on submit only - jQuery Validation plugin

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>

Upvotes: 6

Views: 8892

Answers (2)

Corey Ballou
Corey Ballou

Reputation: 43457

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
})

Upvotes: 18

Alex Sexton
Alex Sexton

Reputation: 10451

You have to change the default option for onfocusout

$(".selector").validate({
   onfocusout: false
})

More options to enable or disable are listed here - http://docs.jquery.com/Plugins/Validation/validate#toptions

Upvotes: 2

Related Questions