The goal of web form validation is to ensure that the user is provided with the correct and validated information. Normally we follow two approaches to validate the form data.
- Client Side validation
- Server side Validation
In this article I am going to show you three useful and top class jQuery validation plugins for validating client side validation. We often got tired to find out good validation script by googling many hours. Some plugin works good but their appearance does not looks very appealing or vice versa. Some plugin does not have very essential validation rules. Okay lets start to discuss about these plugin:
1. Jquery validation plugin: The useful plugin that I ever got is jquery validation plugin. It has many built in validation rules like phone validation, email validation, credit card validation, url validation, password validation and many more. You can add your custom rule and regular expression to validate your data according to your business logic. Its appearance or theme is very customizable using css.
Demo URL: http://jquery.bassistance.de/validate/demo/
Download URL: http://bassistance.de/jquery-plugins/jquery-plugin-validation/
2. jQuery Validation Engine: The second plugin that I got very useful is jQuery-Validation-Engine. It has almost similar features like jquery validation plugin have but it has less built in rules. So if you are not well known in jquery, it would not be suitable for you. The fantastic thing of this plugin is its colorful design with bubble icon/tool-tip like message. Also theme and color can be changed easily.
Demo URL: https://github.com/posabsolute/jQuery-Validation-Engine/tree/master/demos
Download URL: https://github.com/posabsolute/jQuery-Validation-Engine
3. jFormer: The final validation plugin name is jFormer. It is a combination of server and client side validation. Its design and appearance is most the colorful and elegant among I have discussed above. jFormer also have bubble/Tool-tip like message. Since it generate code using php, so you should know php a bit to use it.
Demo URL: http://www.jformer.com/demos
Download URL: http://www.jformer.com/download/