jquery validation plugins

The veryForm validation – a necessary part of each modern HTML form to prevent spamming and support website visitors to fulfill all required information your form must have before sending 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 a 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 a form that has build invalidation function. A most advanced option is to create your own HTML form and add custom jQuery verification code. Another way is to use the jQuery validation plugin by uploading the 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 the 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 year. We did a test and these libraries work, 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 used for all types of web applications like custom admin panel, project management system, admin dashboard, application backend, CMS or CRM. It’s lightweight and compatible with almost all major browsers and devices.
The plugin has jQuery form validation inside the plugin option. You can validate all fields or specific fields by using this plugin.


FORM FRAMEWORK WITH VALIDATION & CALCULATION – FORMS PLUS: JS

Forms Plus: JS

Forms Plus is a form framework. JS version includes everything CSS has lots of features done with the power of Javascript, jQuery, CSS, and PHP. It also has a validation function. Forms 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 the ability to validate forms by rules that are very easy to set along with the css3 dynamic notification box which you can modify as you like. The plugin is mainly designed to be light and easy to edit for everyone.
The package includes necessary files with documentation and a couple of examples to understand everything.


JQUERY FORM VALIDATION PLUGIN

jQuery Form Validation Plugin

This Plugin contains jQuery plugin, CSS and PHP classes working together to validate inputs with AJAX, JS, and PHP requests then return validation result data in JSON format and append into the 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 on the page so the user knows 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 protects your forms, supports regular expressions, ajax callbacks and his appearance is fully customizable. Choose color and shape of the 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. This form 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 that 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 pseudotypes. 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 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 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 form 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 the 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 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 of 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 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 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 Plugins: 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, 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 translated into the language of your choice.


MUSTARDAMUS’S KETCHUP PLUGIN

Ketchup Plugin

Ketchup is a small jQuery Validation Plugins that help 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 behavior.


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 Plugins. This plugin is fully configurable and extendable, that is why can be used in any size project. Very good features automatically called when the form submitted.


JUKEBOX42’S NEXTVAL

NextVal

NextVal is an easy-to-use, flexible and robust form jQuery Validation Plugins. Behold, the awesome. Each input should have a validate attribute. You can also add placeholder and title attributes.


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.