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.
This framework allows you to validate inputs of text fields and text views in a convenient way.
A JQuery validation framework for bootstrap forms.
Simple cross browser detection of text changes for input and textarea elements using a jQuery custom event plugin by ZURB
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.
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 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 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 is the ultimate framework for building and validating responsive HTML5 forms.
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.
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.
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.
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.
Want your job opening posted here? Go to Cool Design Jobs and submit it.