Post thumbnail: 8 jQuery Form Validation Plugins

8 jQuery Form Validation Plugins

Collection of free jQuery form validation plugins.

Demo image: jQuery Validation Plugin
Made by
  • jquery-validation
Github activity
  • 8506 stars
  • 503 watchers
About the plugin

jQuery Validation Plugin

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

Demo image: International Telephone Input
Made by
  • Jack O'Connor
Github activity
  • 3068 stars
  • 125 watchers
About the plugin

International Telephone Input

A jQuery plugin for entering and validating international telephone numbers. It adds a flag dropdown to any input, detects the user's country, displays a relevant placeholder and provides formatting/validation methods.

Features
  • automatically select the user's current country using an IP lookup
  • automatically set the input placeholder to an example number for the selected country
  • navigate the country dropdown by typing a country's name, or using up/down keys
  • handle phone number extensions
  • the user types their national number and the plugin gives you the full standardized international number
  • full validation, including specific error types
  • retina flag icons
  • lots of initialisation options for customisation, as well as public methods for interaction
Demo image: Validator, for Bootstrap 3
Made by
  • Cina Saffary
Github activity
  • 2153 stars
  • 118 watchers
About the plugin

Validator, for Bootstrap 3

The Validator plugin offers automatic form validation configurable via mostly HTML5 standard attributes. It also provides an unobtrusive user experience, because nobody likes a naggy form.

Features
  • configurable via data-api and standard HTML5 attributes
  • patient to inform user of errors and eager to let them know the errors have been resolved
  • submit is disabled until the form is valid and all required fields are complete
  • customizable error messages
  • vustom validator functions
  • validation of an input field via AJAX
Demo image: jqBootstapValidation
Made by
  • David Godfrey
Github activity
  • 1352 stars
  • 110 watchers
About the plugin

jqBootstapValidation

A JQuery validation framework for bootstrap forms.

Demo image: jQuery Form Validator
Made by
  • Victor Jonsson
Github activity
  • 876 stars
  • 64 watchers
About the plugin

jQuery Form Validator

jQuery plugin that makes it easy to validate user input while keeping your HTML markup clean from javascript code. This plugin comes with translations for English, Polish, Romanian, Danish, Norwegian, Dutch, Czech, Catalan, Russian, Italian, French, German, Swedish and Portuguese.

Demo image: Smoke.js
Made by
  • Alfredo Barron
Github activity
  • 390 stars
  • 42 watchers
About the plugin

Smoke.js

Smoke form validation and components for Bootstrap.

Demo image: Validetta
Made by
  • Hasan AydoÄźdu
Github activity
  • 148 stars
  • 20 watchers
About the plugin

Validetta

alidetta is a tiny jQuery plugin which you can do client-side validation of your forms. It aims to decrease your burden with easy usage and flexible structure.

Demo image: jQuery Form Validation
Made by
  • Tom Bertrand
Github activity
  • 61 stars
  • 7 watchers
About the plugin

jQuery Form Validation

The jQuery form validation plugin unifies the way to validate HTML forms using JavaScript. It is a simple clientside library that will save you a lot of time when it comes to adding validation on your HTML form inputs or selects!

Features
  • no more duplicated validation code in your project(s)
  • the most advanced JavaScript Form Validation plugin HTML5
  • cross-browser client-side form validation solution with documentation and demos available
  • dynamic validation available (keypress)
  • supports error message translation
  • deep Customization and flexibility (multiple options and callbacks)
Back to top