jQuery Validation Plugins For Your Forms – 24 Items

Validation is a feature that gives headaches to a lot of developers, but that shouldn’t be the case. Depending on what type of form you are using, you must always have an option for validation. This is a really good selection of jQuery plugins for validation and in these 24 examples I hope you will find the one that you are looking for, the one that is suitable for your project.

There are a few plugins that are little bit old but updated and they still do their job, and there are new ones, adapted to the new environment and which have complex or specific functions. There are some here that are made as small as possible and these sure would please a few who don’t want to put a lot of kb in their projects that have already a lot of lines of code.

Parsley.js

Parsley.js

Javascript forms validation. Powerful, UX aware & Dead simple. Never write a single javascript line anymore to validate your forms FrontEnd. Parsley will do that for you – and do it right –, thanks to its powerful DOM-API

Moment.js

Moment.js

mailcheck.js

mailcheck.js

The Javascript library and jQuery plugin that suggests a right domain when your users misspell it in an email address.

validate.js

validate.js

Lightweight JavaScript form validation library inspired by CodeIgniter. No dependencies, just over 1kb gzipped, and customizable!

jQuery.validity

jQuery.validity

US2FormValidator

US2FormValidator

This framework allows you to validate inputs of text fields and text views in a convenient way.

jqBootstapValidation

jqBootstapValidation

A JQuery validation framework for bootstrap forms.

Real Time Validation

Real Time Validation

Simple cross browser detection of text changes for input and textarea elements using a jQuery custom event plugin by ZURB

Valid8

Valid8

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

jQuery.validVal

jQuery.validVal

jQuery.validVal is a plugin designed to simplify form validation. It is highly customizable, very feature rich and can easily be dropped on any type of HTML-form (even AJAX- and HTML5-forms) with very little effort.

jQuery Credit Card Validation Plugin: Smart Validate

jQuery Credit Card Validation Plugin: Smart Validate

Smart Validate is a jQuery credit card validation plugin, that makes credit card format validation a simple task. It ensures that user has entered valid credit card number before making actual transaction. Smart Validate supports the following credit cards.

jQuery AlphaNumeric

jQuery AlphaNumeric

jQuery Credit Card Validator

jQuery Credit Card Validator

jQuery Credit Card Validator detects and validates credit card numbers. It’ll tell you the detected credit card type and whether the number length and Luhn checksum are valid for the type of card.

QapTcha : jQuery captcha system by drag&drop action

QapTcha : jQuery captcha system by drag&drop action

QapTcha is an easy-to-use, simple and intuitive captcha system. It needs human action instead of to read a hard text and it is a very lightweight jQuery plugin.

Ideal Forms

Ideal Forms

Ideal Forms is the ultimate framework for building and validating responsive HTML5 forms.

maxlength plugin

maxlength plugin

It’s a fairly common design pattern to want to limit the number of characters the user can input in a field whilst giving feedback to the user on how much they have left.

A jQuery inline form validation

A jQuery inline form validation

When it comes to form validation, it’s hard to have a versatile solution that works with every form. Figuring out how to display errors is not a simple task. This is something I tried to remedy with this script. 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.

jQuery Countable Plugin

jQuery Countable Plugin

jVal

jVal

jQuery Ketchup Plugin

jQuery Ketchup Plugin

Ketchup is a small (3.4KB minified & gzipped) jQuery Plugin that helps you to validate your forms. Out of the box it has 18 basic validations and a bubble like style. But truly this Plugin wants to be hacked to fit your needs. Easily write your own validations and overwrite/extend the default behaviour.

LiveValidation

LiveValidation

LiveValidation is a small open source javascript library for making client-side validation quick, easy, and powerful. It comprises of two main parts. Firstly, it provides developers with a rich set of core validation methods, which can also be used outside the context of forms. Secondly, it provides your visitors with real-time validation information as they fill out forms, helping them to get it right first time, making the forms easier, quicker and less daunting to complete.

jQuery plugin: Validation

jQuery plugin: Validation

This jQuery plugin makes simple clientside form validation trivial, while offering lots of option for customization. That makes a good choice if you’re building something new from scratch, but also when you’re trying to integrate it into an existing application with lots of existing markup. The plugin comes bundled with a useful set of validation methods, including URL and email validation, while providing an API to write your own methods. All bundled methods come with default error messages in english and translations into 37 locales.

Limit

Limit

Limit is a plugin for the javascript framework Jquery that limits the number of characters that can be entered in a textarea or input field. The plugin can also report the number of characters left before the user reaches the length limit.

Datejs: open-source JavaScript Date Library

Datejs: open-source JavaScript Date Library

Enjoyed this article? Subscribe to read more like it

 
 
 
 
 

Sponsors