
Step 1:
Place the javascript files within the head section
1
2
3
4
5
6
7
8
|
<script type= "text/javascript" src= "js/jquery-1.3.2.min.js" ></script> <script type= "text/javascript" src= "js/jquery.validate.min.js" ></script> <script> $(document).ready( function (){ $( "#registerForm" ).validate(); }); </script> </head> |
You should set the name and id of your html form same as $(“#registerForm”).validate();
Step 2:
For each required form element just place class=”required” and specify minlength tag inside it. For example
Name field -> class=”required”
Email field -> class = “required email”
1
2
3
|
< input name = "name" type = "text" id = "name" class = "required" > < input name = "user_id" type = "text" id = "user_id" minlength = "4" > < input name = "user_email" type = "text" id = "user_email" class = "required email" > |
Thats it! you will be able to validate form field textboxes without any advanced code.
For optional fields, you can specify class=”optional” or just leave it.