Form validation – necessary part of each modern html form to prevent spamming and support website visitors to fulfill all required information your form must have before send data to email etc therefore jQuery validation plugins must have in web developer toolkit. With Html5 and Css3 elements you can create basic validation of your form but why limit yourself, your creativity with classic popup or other standard notification.
There are many ways how to add a validation function to website form – most easiest way is to add form that have build in validation function. Most advanced option is to create your own html form and add custom jQuery verification code. Other way is to use jQuery validation plugin by uploading jQuery library to your website and configure it.
For those who want easiest why at the begging we added some premium jQuery forms with validation function and premium validation plugins that will give you option to get free support to make it work correctly. Below that we gather list of 30 jQuery plugins that work in 2017 to give you option chose the best for your needs. Some are professional plugins that we recommend like Parsley, Validatejs or Smoke. Some plugins are hosted on github.com and are not updated for a years. We did test and these libraries works, therefore worst to try.
Multi Step Form Wizard based on Html5, CSS3 and jQuery. It can be used for all type of web applications like custom admin panel, project management system, admin dashboard, application backend, CMS or CRM. Its lightweight and compatible with almost all major browsers and devices.
Plugin has jQuery form validation inside plugin option. You can validate all field or specific field by using this plugin.
LeValidate gives you ability to validate forms by rules that are very easy to set along with css3 dynamic notification box which you can modify as you like. Plugin is mainly designed to be light and easy to edit for everyone.
Package includes necassary files with documentation and couple of examples to understand everything.
This Plugin contain jQuery plugin, CSS and PHP classes working together to validate inputs with AJAX, JS and PHP request then return validation result data in JSON format and append into input field or any div you desire. All Data will validate in PHP Validation class and return back with JSON data or PHP variable and fill up in page so user know which field is invalid.
Multivalidator is an ajax form validator with unique features, captcha that increases the user experience and protect your forms, supports regular expressions, ajax callbacks and his appearance is fully customizable. Choose color and shape of message, animations, duration ,captcha type, error meter, miniature form and more, according your site’s needs.
zValidates – jQuery plugin to check the data entered by the user to input. Easy to use due to the connection of only one data- attribute “data-validate”. Comfortable in using – Built on the attribute data- – Several embodiments using – Multiple callbacks – Customizable error notifications – Perhaps ask some checks to one inputt – Fully adaptive.
ValidForm is a full responsive ajax form with required field jQuery validation and anti spam built on latest version of Bootstrap framework, HTML5/CSS3 and JQuery. ValidForm responsive ajax form can be used for your organization, company, business, personal. ValidForm is a responsive, clean, well documented Ajax form.
This jQuery plugin makes simple clientside form validation easy, whilst still offering plenty of customization options. It makes a good choice if you’re building something new from scratch, but also when you’re trying to integrate something 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.
The best jQuery plugin to validate form fields, designed to use with: Bootstrap, Foundation, Pure, Semantic UI, UIKit. Using FormValidation, you can validate the wizard-like interfaces such as tabs, collapsible panels, accordions.
Smoke is a validation forms and components library for Bootstrap with features such as notifications, progress bars, panels and other helpers, it requires the jQuery library and Bootstrap 3 framework. It makes the form validation on client side easy, simple and safer.
Note: [very old – no longer supported]
ApproveJs doesn’t automatically attach itself to input change events or form submit events. It also doesn’t manipulate the DOM for you by automatically displaying errors. This allows you to automate validation how you want.
Validatr relies on using modern HTML5 input attributes to perform validation. This plugin will use native validation whereever possible, relying on a small piece of Modernizr to test for support. If an input type is not supported or a custom test is found it will use it’s own ruleset to supplement native validation. In either case, the validation message is displayed in a cross-browser manner allowing for customization.
Fields.js creates collections of fields. Each field is constantly evaluated for validity, and is accessible through the collection. A field is any uniquely named text-based input, select, textarea, group of radio inputs, or group of checkbox inputs.
A simple jQuery plugin to validate forms. To use jQuery Validate you just need to include in your code a version of the jQuery library equal or more recent than 1.7 and a file with the plugin.
jQuery Form Validate is a jQuery plugin that helps validate your HTML forms. It takes validation rules from the HTML 5 data attributes applied to each input. jQuery Form Validate includes two main groups of functions, “filters” and “validations”.
Regexp based validation collection for common internet validation tasks. This is a collection of regular expressions for general validation purposes. The basic design concept is to split up the regexes into semantic parts of the pattern to match. This module works as a NodeJS CommonJS module, a require.js AMD module.
Simple jQuery Plugin to quickly validate a form – for Bootstrap. Import the js/quick.js file into your project and call $(form).validate();
A JQuery validation plugin: practical, simple and extensible. Validates your existing forms in HTML without headaches. Developed by Corollarium.
Ketchup is a small 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.
A barebones jQuery validation plugin. This plugin is fully configurable and extendable, that is why can be used in any size project. Very good feature that it will automatically be called when the form is submitted.
NextVal is an easy-to-use, flexible and robust form validation plugin for jQuery. Behold, the awesome. Each input should have a validate attribute. You can also add placeholder and title attributes.