Form Validation jQuery Plugins and Libraries

Form validation. Two words that can send shivers down any developers back. Building a form? No problem. What about validating it? No comment.

What we have for you today is a selection of robust, reliable and easy-to-use form validation jQuery plugins and libraries that will make your life a heck of a lot easier. Here they are:

Parsley.js

Parsley.js form validation jquery plugin instead of validating forms with Javascript, it uses data attributes embedded in the DOM to achieve the same function

Parsley.js is a lightweight and feature-rich library that instead of validating forms with Javascript, it uses data attributes embedded in the DOM to achieve the same function. The surprisingly easy to configure plugin also allows you to override almost every default behavior so that it will fit in with your form requirements.

Parsley.jsGitHub

quickValidation.js

quickValidation.js form validation jquery plugin

quickValidation.js works much like Parsley above. It doesn’t defines the rules in the Javascript, instead they are assigned directly by using a data-validate attribute in the input tag. It will string together rules like required,number,range=0-99, then you add the .quickValidate class, add a data-name attribute to name your field for errors, and you’re good to go.

quickValidation.jsGitHub

jQuery Ketchup Plugin

Ketchup is a lightweight (3.4KB minified) plugin that comes packaged with 18 basic validations, but does allow you to easily write your own validations and overwrite any default behaviours.

By default the plugin will check the data-validate attribute of a form field to see if it can find any matching validations. The default indicator for validations is validate(), all validations go in there and are separated by a comma. Validations can also have arguments (also separated by a comma).

jQuery Ketchup Plugin

jQuery Validation Plugin

jQuery Validation is a drop-in jquery plugin that makes clientside form validation very easy

jQuery Validation is a ‘drop-in’ plugin that makes clientside form validation very easy. It comes packaged with a useful set of validation methods, while also providing an API to easily write your own.

All that is needed to get started with this plugin is single line of jQuery to select the form and apply the plugin, plus a few annotations on each element to specify the validation rules.

jQuery Validation PluginGitHub

IV.js – Javascript Input Validation

IV.js is a jQuery library that provides an intuitive way to work with validation filters and processing of user inputs

IV.js is a jQuery library that provides an intuitive way to work with validation filters and processing of user inputs. In order to work with IV.js, you need to add the IValidate class to the form.

IV.js – Javascript Input ValidationGitHub

jQuery Validation Engine

Validation Engine form validation jquery plugin

When it comes to the jQuery Validation Engine, you don’t need to worry about the structure of your form as the plugin will create an error DIV and position it in the top right corner of the specified input, keeping both the forms code and validations seperate. Phis is probably the easiest validation solution in this article.

jQuery Validation EngineGitHub

Validatr

Validatr uses HTML5 input attributes to perform validation

Validatr uses HTML5 input attributes to perform validation, with support for color, date, email, number and range. The input types text, checkbox, radio…. are supported, but do not require the same level of validation.

Where possible, Validatr will use native validation, using Modernizr to test for support. If an input type is not supported it will use it’s own ruleset to supplement native validation. In both cases case, the validation message is shown.

ValidatrGitHub

Formance.js

Fields.js is a library for formatting and validating form fields

Formance.js is a library for formatting and validating form fields, based on and inspired by Stripe’s jQuery.payment library.

Formance.jsGitHub

Fields.js

Fields.js form validation jquery plugin

Fields.js comes with an MIT license and offers an abstract way of interacting with fields.

Fields.jsGitHub

jQuery Validate

jQuery Validate is a jQuery plugin for that helps you accomplish easy and quick form validation using data attributes

jQuery Validate is a jQuery plugin for that helps you accomplish easy and quick form validation using data attributes.

jQuery Validate

jQuery Form Validate

jQuery Form Validate is another jQuery plugin that lets you validate your HTML forms

jQuery Form Validate is another jQuery plugin that lets you validate your HTML forms by taking validation rules from HTML 5 data attributes applied to each input.

jQuery Form Validate

One-Validation

One-Validation is a collection of regular expressions for general validation purposes. In order to validate, it splits up the regexes into semantic parts of the pattern.

One-Validation

Validarium

Validarium is a simple and straight-forward jQuery validation plugin

Validarium is a simple and straight-forward jQuery validation plugin based on jQuery Validate.

Validarium

Validate Barebones Validation

Validate Barebones Validation, as is obvious from the name itself, is a configurable and extendable barebones jQuery validation plugin.

Validate Barebones Validation

nextVal

nextVal is a client-side form validation plugin for jQuery

nextVal is a client-side form validation plugin for jQuery.

nextValGitHub

jQuery Super Labels Plugin

jQuery Super Labels Plugin makes the label slide across the field when gaining focus

jQuery Super Labels Plugin makes the label slide across the field when gaining focus and fade out when a value is entered.

Super Labels jQuery Super Labels PluginGitHub

Author: (494 Posts)

This post has been written by the team here at Speckyboy Design Magazine.

Comments