Creating A Form Validation Easily With jQuery Plugins

jQuery is a very powerful javascript library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. Here’s what Wikipedia says about jQuery. With jQuery, you can write your Javascript code in very easy way to handle many events and animating with the proper plugins. See the jQuery Documentation to find out what you can do with it.

There are heaps and heaps of jQuery plugins out there. Among them, the form validation plugin will be the most popular one as most of websites may have any kind of forms to validate. So here I feature 17 useful jQuery form validation plugins. Hope you find this post very useful

If you have any other cool form validation plugins, please leave the links to the resource!

jQuery Plugins/Validation

This particular one you are looking at is one of the oldest jQuery plugins (started in July 2006) and proved itself in projects all around the world. There is also an article discussing how this plugin fits the bill of the should-be validation solution.

Masked Input Plugin

This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc).

Submit A Form Without Page Refresh using jQuery

In this example, we have a simple contact form with name, email, and phone number. The form submits all the fields to a php script without page refresh, using native jQuery functions (native meaning, you don’t need to download any extra plugins to make it work.

jQuery AlphaNumeric

jQuery AlphaNumeric is a javascript control plugin that allows you to limit what characters a user can enter on textboxes or textareas.

Easy client-side web form validations

An easy way, XHTML standard, accesible and usable, library for form validations using JavaScript with the powerful libraries jQuery and YAV.

Text limiter for form fields

Counts down the number of chars left on a Textarea/Input fields, won’t let the user write more than allowed number of characters.

Adding Form Validation to WordPress Comments using jQuery

A form validation to a comment form in the default WordPress theme.

How to Validate Forms in both sides using PHP and jQuery

This tutorial we will make use of PHP and jQuery to validate all fields in both sides.

Using Ajax to Validate Forms

It does live username checking, password confirmation and strength, checking if an email address is already registered and URL validation.

Jquery form validator, because form validation is a bi***

When you submit a form it will look into it for input with predefined class selector, and validate them accordingly of their type. You have 2 choice of language, french and english.

jQuery Form Plugin

The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX.

TypeWatch: jQuery Plugin

For each textbox or textarea matched through jQuery it creates a timer which gets reset upon every [KeyDown] event. If the timer’s [wait] is reached then the user has finished typing, or stopped typing long enough for the timer to reach its [wait] interval.

jQuery plugin: Validation

A jQuery plugin for the form validation.

autohelp

Sometimes it’s important to tell the user what’s expected of him. Especially when filling out a complicated form. This plugin uses the title attribute to display help in a separate DOM element.

jQuery: Input Validation with Form Plugin

How to perform input validation on AJAX forms using the jQuery form plugin.

Extending the jQuery Form Validation Plugin

The jQuery form validation plugin is made up of three basic building blocks: form elements, rules, and methods. Together these are processed by the plugin to determine a form’s validity on a field-by-field basis.

Form Submission ajaxSubmit()

It uses a php post page, which accepts a parameter to determine that the form was submitted via ajax, then returns either a XML string, or a redirect to the calling page with the error(s) attached.