After trying a load of non intuitive and not very useful jQuery form validation plugins I came up with this plugin. Its a jQuery plugin which helps create easy form validations with high flexibility and a large set of options.

Demo: Click Here

Advanced Demo: Click Here

Download: Click Here

Project Repository: Click Here

Features:

Supports custom validations

Options to toggle between live and onsubmit validations

Completely customizable CSS

Usage:

In the head section add the following code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script src="javascripts/jquery.validate.js" type="text/javascript"></script><script type="text/javascript">// <![CDATA[ jQuery(function(){ jQuery("#<id of field to be validated>").validate({ expression: "if (<expression for validation>) return true; else return false;", message: "<message on validation failure>" }); }); // ]]></script> 1 2 3 4 5 6 7 8 <script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type = "text/javascript" > </script> <script src = "javascripts/jquery.validate.js" type = "text/javascript" > </script> <script type = "text/javascript" > // <![CDATA[ jQuery ( function ( ) { jQuery ( "#<id of field to be validated>" ) . validate ( { expression : "if (<expression for validation>) return true; else return false;" , message : "<message on validation failure>" } ) ; } ) ; // ]]></script>

Add the form in the body as shown below



That’s it you are done!

For advanced users:

Options: