jquery validation plugins

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

Multi Step Form Wizard jQuery Validation

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.


Form Framework with Validation & Calculation – Forms Plus: JS

Forms Plus: JS

Froms Plus is a form framework. JS version includes everything CSS has lots of features done with power of Javascript, jQuery, CSS and PHP. It also has validation function. Forms can be prevalidated before submit. Fill your forms step by step, with each step validation and submit filled data with AJAX at the end.


LeValidate

LeValidate

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.


jQuery Form Validation Plugin

jQuery Form Validation Plugin

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.


JQuery MultiValidator. A form validating plug-in

JQuery MultiValidator

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 – Powerful jQuery plugin for inputs validations

zValidates

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 – jQuery Validation & Math Captcha Form

ValidForm

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.


jQuery Validation Plugin

jQuery Validation Plugin

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.


Parsley

Parsley

Parsley is a javascript form validation library. It helps you provide your users with feedback on their form submission before sending it to your server. It saves you bandwidth, server load and it saves time for your users. Javascript form validation is not necessary, and if used, it does not replace strong backend server validation.


Xtype

Xtype

Xtypejs uses the concept of ‘types’ for data validation. Each ‘type’ captures a set of validation criteria which must be satisfied by a data value in order for it to be considered of that ‘type’. Xtype provides concise, performant, readable, data and type validation for JavaScript apps, using built-in and user-defined data-validating pseudo types. It improves application efficiency and readability by unifying the most basic but common data and type validations in JavaScript apps, into single, concise, highly optimized operations.


Validatejs

Validatejs

Validate.js provides a declarative way of validating javascript objects. It is unit tested with 100% code coverage and can be considered fit for production. The goal of validate.js is to provide a cross framework and cross language way of validating data. The validation constraints can be declared in JSON and shared between clients and the server.


jQuery Form Validator

jQuery Form Validator

jQuery Form Validator is a feature rich and multilingual jQuery plugin that makes it easy to validate user input while keeping your HTML markup clean from javascript code. Even though this plugin has a wide range of validation functions it’s designed to require as little jQuery network traffic as possible.


Formvalidation

Formvalidation

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

Smoke

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.


IV.js

IV

IV.js is a simple javascript library for validating inputs before sending them off to the server. The library has several different filters that can be applied to input values during the process.

Note: [very old – no longer supported]


ApproveJs

ApproveJs

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.


Bootstrap Validator

Bootstrap Validator

This plugin adheres to the conventions set forth by Bootstrap’s core jQuery plugins, so be sure to check those out to get a better understanding of the goals and design of this plugin. Form validation can be enabled in markup via the data-api or via JavaScript.


Validatr

Validatr

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.


Formance

Formance

General purpose library for formatting and validating form fields, based on / inspired by Stripe’s jQuery.payment library. Client side validation is not sufficient in any project because the javascript can be bypassed and people can submit requests directly to the server. However, that doesn’t mean client side validation should be forgotten. This library is for those who care about the user experience.


Fields

Fields

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.


DiegoLopesLima’s Validate

DiegoLopesLima

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.


Vmichnowicz’s Jquery.formvalidate

Jquery.formvalidate

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”.


One-com’s One validation

One validation

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.


KhodorAmmar’s QuickValidation

QuickValidation

Simple jQuery Plugin to quickly validate a form – for Bootstrap. Import the js/quick.js file into your project and call $(form).validate();


Corollarium’s Validarium

Validarium

A JQuery validation plugin: practical, simple and extensible. Validates your existing forms in HTML without headaches. Developed by Corollarium.


Posabsolute’s jQuery Validation Engine

jQuery Validation Engine

jQuery validation engine is a Javascript plugin aimed at the validation of form fields in the browser. 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.


Mustardamus’s Ketchup Plugin

Ketchup Plugin

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.


Mefellow’s Gvalidator

Gvalidator

GValidator is a lightweight javascript form validation library that automatically adds client-side validation to form elements, without needing to write a single line of javascript. GValidator is quite flexible and extensible. It also provides a simple internationalization mechanisem.


Engageinteractive’s Validate

Validate

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.


Jukebox42’s NextVal

NextVal

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.


Please follow and like us:

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.