Guide Validators Plugins Examples Updates Download v1.6.0

all new FormValidation

best validation library for JavaScript. zero dependencies.

v1.6.0
It's a REAL form actually.
Try it yourself!
Demo with form made by Tachyons
Full name
Username
Email
Password
Gender
 
 
 
 
 
 
 
 
explore more features
 👇 
 
 
 
 
 
 
 
 
 
Scalable, well tested code base
 
 
 
 
     
  • 👍 Completely rewrite in ES6.
    •  
  • 👍 Type safety. Entire code are made in TypeScript.
    •  
  • 👍 High code quality via popular analysis tools such as TSLint.
    •  
  • 👍 Zero dependencies. No jQuery.
    •  
 
 
 
     
  •  ES6 
    ES6
     
    •  
  •  TypeScript 
    TypeScript
     
    •  
 
 
 
 
 
     
  • 👌 All validators, algorithms, and APIs are tested carefully with +400 Mocha unit tests.
    •  
  • 👌 Cover hundreds of end-to-end test cases against Selenium server with Nightwatch.js framework.
    •  
 
 
 
     
  •  Mocha 
    Mocha
     
    •  
  •  Nightwatch 
    Nightwatch
     
    •  
 
 
 
 
     
  •   
  •   
    •  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Rich set of validators
 
     
  • 👍 Provide a rich set of validators to cover most various types of form field.
    •  
  • 👍 Develop and reuse your own validator easily.
    •  
  • 👍 Support sync and async validators.
    •  
 
 
 
50 built-in validators and still counting. Here are some of them:
 
 
 
  
callback
 
Check if the input value passes a callback method
  
 
 
 
  
creditCard
 
Validate a credit card number
  
 
 
 
  
date
 
Validate a date
  
 
 
 
  
promise
 
Use a Promise to validate value
  
 
 
 
  
remote
 
Perform remote checking via Ajax request
  
 
 
 
  
iban
 
Validate an International Bank Account Number
  
 
 
 
  
id
 
Validate an identification number
  
 
 
 
  
phone
 
Validate a phone number
  
 
 
 
  
vat
 
Validate a VAT number
  
 
 
 
 
All validators can be used independently. Inspried by functional programming paradigm, all built in validators are just functions. So you can use it in browser or with ES6 module, server side frameworks such as Express:
 
 
     
  •   
  •   
    •  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Plugin architecture
 
The giant and old jQuery plugin doesn't exist anymore. With the new plugin based architectue, the library has really small core. Everything else is built around as a plugin.
 
 
 
     
  •   
  •   
    •  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
35 plugins and still counting. Here are some of them:
 
 
 
  
Declarative
 
Declaring validator options via HTML attributes
  
 
 
 
  
MandatoryIcon
 
Show required icons for mandatory fields
  
 
 
 
  
Recaptcha
 
Show and validate a Google reCAPTCHA v2
  
 
 
 
  
StartEndDate
 
Validate start and end dates
  
 
 
 
  
Transformer
 
Modify the field value before doing validation
  
 
 
 
  
Wizard
 
Support validating multiple steps form
  
 
 
 
 
 
 
 
 
 
 
 
 
Friendly UX
 
     
  • 👍 Can it notify user while field is being validated?
    •  
  • 👍 Can it stop performing remaining validators if there is a validator that the field does not pass?
    •  
  • 👍 Can it perform the validation only when the field value exceed a given number of characters?
    •  
  • 👍 Can it postpone the validation for a given number of seconds from the moment user stops fill in the field?
    •  
 
Yes! FormValidation provides a built in mechanism to support these requirements.
 
 
 
 
 
 
 
 
Customizable
 
 
You can adjust almost everything:
 
     
  • 👌 The error icon position
    •  
  • 👌 The location of error message
    •  
  • 👌 Their colors when the field is valid or invalid
    •  
 
 
 
 
 
 
Flexible
 
 
     
  • 👌 Support dynamic field
    •  
  • 👌 The validator can be enabled or disabled on the fly
    •  
  • 👌 Provide a lot of events that you can hook on
    •  
 
 
 
 
 
 
Localizable
 
 The default error messages of built-in validators are available in 39 language packages. There is also a plugin to support switching between different locales easily. 
 
 
 
 
 
 
 
 
 
 
 
 
 
Support any form, CSS framework
 
FormValidation is designed to support validating any form that uses or doesn't use with CSS framework. In addition to that, the library provides many built-in plugins which you can plug to use with popular CSS frameworks:
 
 
  
and more landing soon.
 
 
 
 
 
 
 
 
 
 
Compatible with JavaScript frameworks
 
FormValidation can be used with popular JavaScript frameworks such as React, Preact, Vue, Svelte, etc.
 
 
  
 
 
 
 
 
 
 
 
 
Integrate with UI libraries
 
FormValidation plays nicely with other libraries. It has useful APIs to integrate with another libraries.
 
By using the same principle, you can easily integrate it with any UI library out there. To name a few:
 
 
 
 
 
 
Auto complete
 
 
     
  • 👉 autoComplete.js
    •  
  • 👉 Typeahead
    •  
 
 
 
 
 
 
Color pickers
 
 
     
  • 👉 pickr
    •  
 
 
 
 
 
 
Date pickers
 
 
     
  • 👉 Bootstrap Datepicker
    •  
  • 👉 flatpickr
    •  
  • 👉 pickadate
    •  
  • 👉 Pikaday
    •  
 
 
 
 
 
 
Editors
 
 
     
  • 👉 CKEditor
    •  
  • 👉 Summernote
    •  
  • 👉 TinyMCE
    •  
 
 
 
 
 
 
Tags input
 
 
     
  • 👉 Choices
    •  
  • 👉 Chosen
    •  
  • 👉 Select2
    •  
  • 👉 Selectize
    •  
  • 👉 tagify
    •  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Supported browsers
 
FormValidation works with the latest version of Chrome, Firefox, Safari, Opera, and Edge. Internet Explorer 11 is supported as well.
 
 
 
     
  •  Chrome 
    latest
     
    •  
  •  Firefox 
    latest
     
    •  
  •  Safari 
    latest
     
    •  
  •  Opera 
    latest
     
    •  
  •  Edge 
    latest
     
    •  
  •  Internet Explorer 11 
    11
     
    •  
 
 
 
 
 
 
 
 
 
 
 
Used by thousand developers and designers like you
 
 
 
 
 Validation plugin for Bootstrap from @formvalidation. Give it a try, looks great! 
  CreativeTim — @CreativeTim  
 
 
 
 
 You saved my day @formvalidation 
  scokmen — @scokmen  
 
 
 
 
 Be sure to check out Bootstrap Validator. It's the best I've found. 
  CurtStaubach — @CurtStaubach  
 
 
 
 
 
 
 Money well spent. A must have plug-in if you use Bootstrap regularly. 
  Agarney — @Agarney  
 
 
 
 
 Just grabbed FormValidation license. It's perfect for #bootstrap projects. Very worth. 
  timkinnane — @timkinnane  
 
 
 
 
 Buy a license for @formvalidation. It's best tool I ever used. 
  RC_Programmers — @RC_Programmers  
 
 
 
 
 
 
 Just bought a copy of formvalidation.io - looks extremely well built and is designed to work with bootstrap! 
  sitesbyjoe — @sitesbyjoe  
 
 
 
 
 Awesome jQuery plugin for form validation http://formvalidation.io @formvalidation #jquery #FormValidation. 
  barrylangdon1 — @barrylangdon1  
 
 
 
 
 Wow, Its Very Awesome for Form Validation I Recommend use it <3 @formvalidation 
  Mahdixco — @Mahdixco  
 
 
 
 
 
 
 Just had a fantastic development experience with @formvalidation using @twbootstrap and @jquery. You're a champion! 
  imagineteamsol — @imagineteamsol  
 
 
 
 
 Fantastic support from @formvalidation. Several emails back and forth and completely sorted within a couple of hours. #worthpraising 
  JonStanton — @JonStanton  
 
 
 
 
 AMAZING solution and very declarative source code. This is TOP support! Keep on doing the good work. I became a fan! 
  johnnydriesen — @johnnydriesen  
 
 
 
 
 
 
 
Form Validation
 
 
  
 
  
 
  
 
 
 
 
Products
 
 
 
  
Blur Page
 
a browser extension to hide sensitive element on page
  
 
 
 
  
CSS Layout
 
a collection of popular layouts and patterns made with CSS
  
 
 
 
  
Fake Numbers
 
a JavaScript library to fake a number
  
 
 
 
  
Form Validation
 
the best validation library for JavaScript
  
 
 
 
  
HTML DOM
 
common tasks of managing HTML DOM with vanilla JavaScript
  
 
 
 
  
React PDF Viewer
 
a PDF viewer made for React
  
 
 
 
 
 
About
 
© 2013 — 2020 Nguyen Huu Phuoc. All rights reserved.
 
This site is open source.