Introduction

Form validation can be a nightmare for some of us but it is a good practise to include both client-side and server-side validation. You might think it’s a redundant effort, but come and think about it from the end user’s point of view, client-side validation can save time and save bandwidth by allowing user correct errors on the spot without have to submit it back to the server.

Creating your own javascript form validation plugin can be a tedious process which involve planning, developing and testing. Without a good knowledge in Javascript can lead to frustration and waste of time. In this post, I found 10 already made javascript validation plugins that could save your time! They are easy to apply and designed to work well with your existing template. I have been using validate.js because of its simplicity and easy to integrate. Have you been using any of those? Or you have a different solution? Let us know what’s your opinion on form validation.

validate.js

See Details Here

Validate.js is a very nice JavaScript form validation library that is inspired from the CodeIgniter form validation API. The library is lightweight (~1kb gzipped), doesn’t require any JavaScript frameworks and works in all major browsers (yes, including IE6).

See Demo Here             Download Demo Files

Zebra Form

See Details Here

This is something different. Zebra_Form is a free PHP library, handles this process very well and enables us to create secure and chic forms with a few lines of PHP code. However, it integrates with jQuery in the frontend to display alerts and errors,. It’s worthwhile to be mentioned here.

See Demos and Download

Zebra Login Form Vertical

Download

Zebra Login Form Horizontal

Download

Zebra Login Form Label Inside

Download

Zebra Login Form Custom

Download

Zebra Registration Form Vertical

Download

Zebra Registration Form Horizontal

Download

Zebra Registration Form Custom

Download

Zebra Contact Form Vertical

Download

Zebra Contact Form Horizontal

Download

Zebra Contact Form Custom

Download

Zebra Reservation Vertical

Download

Zebra Reservation Horizontal

Download

Zebra Reservation Custom

Download

Zebra Validation Vertical

Download

jFormer

See Details Here

jFormer, a form framework built on top of jQuery brings a complete, easy-to-use and solid solution to handling them. It enables us to build forms which are validated on client-side and server-side (PHP solution is included) with Ajax requests where users are notified in a very chic way with tooltips and CSS-styling on every level.

jQuery.validVal

See Details here

jQuery.validVal is plugin for the popular JS framework which aims to simplify form validation. It can be used for validating any kind of HTML form (including Ajaxed ones) and works by defining the rules within class names.

Validity

See Details Here

Validity is a powerful and flexible jQuery form validation for making sure -on the client-side- that form values are just as expected. It is lightweight (9kb) and can perform simple to complex, dynamic and conditional validations. The plugin also gives full control over how validation messages will appear which makes it possible to match the look and feel of your site.

ValidForm Builder

See Details here

ValidForm Builder is an impressive open source form creation library that relies on PHP and JavaScript (jQuery). The library outputs standards-based web forms (XHTML 1.0 valid) that are validated both on the client-side and the server-side.

Ketchup

See Details here

Ketchup is an easy-to-customize (in means of appearance & functionality) jQuery plugin for validating user inputs on the client-side.

Validatious

See Details here

Validatious is an unobtrusive & easy to use JavaScript form validation library that does not depend on any JS frameworks. It has built-in validators like numeric, e-mail, URL, max/min char, etc. & custom ones can be created.

Form Validator

See Details Here

jQuery form validator is a versatile solution that works with every form. It displays floating error tooltips whenever the validation fails.

VanadiumJS

See Details here

VanadiumJS is an intuitive-yet-powerful jQuery plugin for easy client-side validation.