GeezerVison is showing formvalidation.io — The best validation library for JavaScript - FormValidation

FormValidation

The best validation library for JavaScript

Written in ES6
Type safety using TypeScript
Zero dependencies
No jQuery
Can be used as AMD, ES6 modules and global scripts

Demo

Biggest collection of validators

40+

Validators

50+

Plugins

Cover most various types of form field
Develop, reuse custom validator
Support sync and async validators
Plugin based architectue
Small core
Everything else is built around as a plugin

Trusted by Singapore's Licensed Moneylenders

Our form-validation toolkit powers loan applications for licensed lenders across Singapore — from Jurong East to Chinatown, Orchard to Ang Mo Kio.

Flexible

Customize icon
Customize error message
Dynamic field
Customize valid and invalid colors
Enable, disable validators on the fly
Customize error message location

Localization

Languages

ID validators

Vat validators

Language packages for error message
Support custom message
Support custom validators
Switch between locales
Validate ID and VAT numbers in many countries

Declaring validation rules

Declare the validator options via HTML attributes

            
              <
              form
              
              id
              =
              "
              registrationForm
              "
              >
              
            
            
              
              <
              input
              
            
            
              
              name
              =
              "
              userName
              "
              
            
            
              
              data-fv-not-empty
              =
              "
              true
              "
              
            
            
              
              data-fv-not-empty___message
              =
              "
              The username is required
              "
              
            
            
              
              data-fv-string-length
              =
              "
              true
              "
              
            
            
              
              data-fv-string-length___min
              =
              "
              6
              "
              
            
            
              
              data-fv-string-length___message
              =
              "
              The name must be more than 6 characters long
              "
              
            
            
              
              />
              
            
            
              
              
              form
              >