15 Form Validation jQuery Plugins and Libraries

By
on

Form validation. Two words that 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 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.js form validation jquery plugin validating with Javascript data attributes embedded DOM function

quickValidation.js

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.js form validation jquery plugin

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 Validation Plugin

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 drop-in jquery plugin clientside form validation very easy

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. In order to work with IV.js, you need to add the IValidate class to the form.

IV.js jQuery library provides intuitive work validation filters processing user inputs

BootstrapValidator

BootstrapValidator is a jQuery plugin for validating Bootstrap forms.

BootstrapValidator jQuery plugin validating Bootstrap forms

Guardian

Guardian is a flexible and easy to extend all-purpose form validation jQuery plugin.

Guardian flexible and easy to extend all-purpose form validation jQuery plugin

Validatr

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.

Validatr HTML5 input attributes perform validation

Formance.js

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

Fields.js jquery library formatting validating form fields

Fields.js

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

Fields.js form validation jquery plugin

jQuery Validate

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

jQuery Validate jQuery plugin helps accomplish easy quick form validation using data attributes

jQuery Form Validate

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 jQuery plugin validate HTML forms

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.

Validarium

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

Validarium is a simple and straight-forward jQuery validation plugin

Validate Barebones Validation

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

nextVal

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

nextVal client-side form validation plugin for jQuery

jQuery Super Labels Plugin

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

jQuery Super Labels Plugin label slide field when gaining focus

This page may contain affiliate links. At no extra cost to you, we may earn a commission from any purchase via the links on our site. You can read our Disclosure Policy at any time.