jQuery Form Validation Plugins

As a developer, you have to validate the user input data for making sure on the client-side that form values are just as expected. Instead of writing validations manually, validation plugins allows you to design validation methods in a simple manner.

Here, I’m going to share the jQuery plugins for your form validations such as required, max length, email, url, phone, zip, number only etc.

jQuery.validate

This plugin has all the basic form validations including URL and email validation, allows us to write own validations. It allows lot of options for customization. All validation methods comes with the default error messages, you can customize the messages as per your requirement.

This plugin created by Jorn Zaefferer, member of jQuery Team, lead developer on the jQuery UI team.

Validity

It is lightweight and can validate simple to complex, dynamic and conditional validations. It has the validation rules like e-mail, number, date, URL, time, phone, zip, etc. This is also allows to customize the error messages.

A jQuery inline form validation

When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed.

jVal – jQuery Form Field Validation Plugin

This plugin provides an appealing animated message fly-out that doesn’t impede form layout/design while being user-friendly.

jQuery Live Form Validation

This plugin helps you to easily create form validations with high flexibility and large set of options.

Valid8

Valid8 solves both simple and complex validation scenarios. Everything from a basic required field to regular expressions, ajax requests and arbitrary javascript functions.

Do let us know if you find any other good validation plugins.