25+ jQuery Validation Plugins

Saturday 25th, March 2017 / 07:48 Written by
25+ jQuery Validation Plugins
368 Flares Twitter 0 Facebook 0 Google+ 6 LinkedIn 0 StumbleUpon 362 Filament.io 368 Flares ×

I just had a talk with a client who sought a great tool for creating a credit card validation on his e-commerce website. That led to this collection of useful jQuery validation plugins that rounds this issue.

Web forms are frequently used on websites for obtaining data from the users. There are quite a few different form types and corresponding validation options as you can see from the list below. Some validation plugins are designed as generic scripts and work with many different types of form input fields. Other are dedicated to specific use cases such as credit cart validation and contact form input checking. Regardless the need choosing the right validation form takes time as you need to find the perfect match for your website. One of my advices is to keep it simple and straightforward for users. So one of the important aspects to look for is how validation scripts notify users when encountering input errors. Also, do not ask for more details than you need and explain the different inputs and why you require the information. To give you an idea of what a great looking contact form design look like you may want to have a look at this inspiration article.

I have rounded up more than 25 useful jQuery validation plugins that I find to be excellent. I hope you will find what you are looking for in this article. Enjoy!

jQuery Credit Card Validation Plugin: Smart Validate – MORE INFO / DEMO

jquery-credit-card-calidation

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.

jQuery Credit Card Validator – MORE INFO

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.

Validate.js – MORE INFO

validate.js

Validate.js is a lightweight JavaScript form validation library inspired by CodeIgniter. It validates form fields from over a dozen rules, no dependencies, customizable messages, supplies your own validation callbacks for custom rules, chainable customization methods for ease of declaration and Works in all major browsers (even IE6!).

jQuery Validation Engine – MORE INFO / DEMO

jquery-validation-plugin

jQuery validation engine is a JavaScript plugin aimed at the validation of form fields in the browser (IE 6-8, Chrome, Firefox, Safari, Opera 10). The plugin provides visually appealing prompts that grab user attention on the subject matter. Validations range from email, phone, and URL, to more complex calls such as Ajax processing or custom JavaScript functions. Bundled with many locales, the error prompts can be translated into the language of your choice.

JQ Bootstrap Validation – MORE INFO / DEMO

jq-bootstrap-validation

A JQuery validation framework for bootstrap forms. It displays validation errors in help-block elements as users type.

jQuery Validation 1.11.1 – MORE INFO

 

This jQuery plugin makes simple client side 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 32 languages.

jQuery Text Change Custom Event – MORE INFO

jquery-text-change-custom-event

Simple cross browser detection of text changes for input and text area elements using a jQuery custom event plugin by ZURB. The Plugin is  tested in Firefox (3, 3.5, 3.5, Win/OS X), Safari 4, Chrome 5, IE (6, 7, 8).

Parsley.js – MORE INFO / DEMO

parsley

Parsley is a single JavaScript line that validates your form.It is simple, superlight, configurable, reliable and it is for free.

Validity  – MORE INFO

validity

Validity is a jQuery form script to validate your codes.

Valid8 – MORE INFO

valid8

Valid8 solves both simple and complex validation scenarios. Everything from a basic required field to regular expressions, Ajax requests and arbitrary JavaScript functions. Valid8 features support for three types of validation techniques; Regular expressions, custom JavaScript functions and Ajax requests. The three techniques can be combined in any way you want.

Validate – MORE INFO

validate

The jQuery Validate is an advanced plugin for an easily and quickly form validation.

jQuery Validation Plugin – MORE INFO / DEMO

jquery-validation-plugin

jQuery Validation Plugin is the best and easiest plugin if you need to do some client side validation.

Limit – MORE INFO

limit

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

Moments.js  – MORE INFO

moment-js

This jQuery script supports clock validation in your browser. Moment was designed to work both in the browser and in Node.JS. All code will work in both environments. All unit tests are run in both environments

jQuery Validation – MORE INFO

jquery-validation

The jQuery Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy.

QapTcha : jQuery captcha system by drag & drop action  – MORE INFO / DEMO

qaptcha-jquery-captcha-system-by-drag-and-drop-action

QapTcha is a draggable jQuery captcha system with jQuery UI ! 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. In order to work with iPhone and iPad, a file jquery.ui.touch.js has been added in v2.5 ! QapTcha works with PHP5.2 or more cause to the function json_encode() !

jQ Idealforms – MORE INFO

jq-idealforms

Ideal Forms is the ultimate framework for building and validating responsive HTML5 forms. It is very responsive, has keyboard support, customizable input types, custom date picker using jQuery UI (with fallback), “On the spot” validation and so much more!

US2 IOS Form Validator – MORE INFO

us2-ios-from-validator

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

Alphanumeric – MORE INFO

alphanumeric

Alphanumeric is a jquery plugin that allows you to put a longer string of username and password.

jQuery Ketchup Plugin – Tasty Form Validation  – MORE INFO

jquery-ketchup-plugin-tasty-form-validation

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.

Mailcheck.js – MORE INFO / DEMO

mailcheck-js

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

Max Length Plugin – MORE INFO / DEMO

maxlenght-plugin

The plugin simply reports back the number of characters left the user has, with a few extra bells and whistles.

jQuery Validation Plugin – MORE INFO / DEMO

jquery-validation-plugin

This jQuery plugin makes simple client side 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.

JVAL – jQuery Form Field Validation Plugin – MORE INFO

jval-jquery-form-field-validation-plugin

jVal is a jQuery form field validation plugin that provides an appealing animated message flyout that doesn’t impede form layout/design while being user-friendly.

Live Validation – MORE INFO / DEMO

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.

Validval – MORE INFO

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. The validVal-plugin was built using the jQuery-library.

368 Flares Twitter 0 Facebook 0 Google+ 6 LinkedIn 0 StumbleUpon 362 Filament.io 368 Flares ×

About the author

Hi I am Pete! I love to work with web design and sometimes dive into some coding. My main focus is WordPress websites.

View all articles by Pete