Best jQuery Form Validation Plugins & Tutorials with Demo

    jQuery Bootstrap MaxLength for Form Inputs

    July 24, 2015 | Bootstrap, Forms, HTML5, Plugins
    jQuery Bootstrap MaxLength for Form Inputs

    Bootstrap-Maxlength a jQuery plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text. Uses the HTML5 attribute “maxlength” to work.

    The indicator badge shows up on focusing on the element, and disappears when the focus is lost.

    Read More Demo

    Validatrix : jQuery Lightweight Form Validation script

    July 23, 2015 | Forms, Plugins
    Validatrix : jQuery Lightweight Form Validation script

    Validatrix is a simple lightweight form validation script.Just include the script & css and add the class .required to your required fields that’s all, just 2kb.

    Read More Demo

    jQuery Mask Plugin for Form Fields

    June 26, 2015 | Forms, HTML5, Plugins
    jQuery Mask Plugin for Form Fields

    A jQuery Plugin to make masks on form fields and HTML elements.

    • Built-in support for dynamically added elements.
    • Masks on any HTML element (no need to server-side mask anymore!)!
    • HTML notation support (data-mask, data-mask-recursive, data-mask-clearifnotmatch).
    • String/Numeric/Alpha/Mixed masks.
    • Reverse mask support for masks on numeric fields.
    • Sanitization.
    • Optional digits.
    • Recursive Digits.
    • Fallback Digits.
    • Advanced mask initialization.
    • Advanced Callbacks.
    • HTML5 placeholder support.
    Read More Demo

    Payment : JavaScript Library for Payment Forms

    June 9, 2015 | Core Java Script, Forms
    Payment : JavaScript Library for Payment Forms

    A jQuery-free general purpose library for building credit card forms, validating inputs and formatting numbers.

    Read More Demo

    Smoke : jQuery Plugin for Bootstrap

    May 21, 2015 | Bootstrap, Plugins
    Smoke : jQuery Plugin for Bootstrap

    A jQuery plugin that is designed to work with Bootstrap 3 with lots of helpful functionality including form validation, notifications, progress bar and more.

    Read More Demo

    Just Forms advanced with jQuery

    May 4, 2015 | Ajax, Core Java Script, CSS2 / CSS3.0, Forms, HTML5, PHP, Premium
    Just Forms advanced with jQuery

    Just Forms advanced – is a form framework that helps you to create any kind of form (classic, multistep, pop up from menu, pop up from bottom, modal, without footer and header) with client side validation.

    • 100+ AJAX JavaScript forms with client side validation
    • 100+ ready to use templates
    • PHP CAPTCHA
    • Date and Time picker
    • Color picker
    • Numeric stepper
    • Sliders
    • Masking input
    • 12 column grid (fully responsive)
    Read More Demo

    Payform : JavaScript Library building Credit card Forms

    April 25, 2015 | Core Java Script, Forms
    Payform : JavaScript Library building Credit card Forms

    A general purpose library for building credit card forms, validating inputs, and formatting numbers.

    Supported card types:

    • Visa
    • MasterCard
    • American Express
    • Diners Club
    • Discover
    • UnionPay
    • JCB
    • Visa Electron
    • Maestro
    • Forbrugsforeningen
    • Dankort
    Read More Demo

    jQuery Validation with Lightbox

    December 19, 2014 | Plugins, Popup Window
    jQuery Validation with Lightbox

    Execute jQuery validation if submitting a form , display error and success message with lightbox.

    Read More Demo

    Addressfield : jQuery Simple Dynamic Address field plugin

    September 26, 2014 | Forms, Plugins
    Addressfield : jQuery Simple Dynamic Address field plugin

    The simple, configurable, dynamic address field plugin.This plugin enhances user experience on your address (shipping/PO) forms by dynamically…

    • Updating field labels (e.g. “ZIP code” vs. “Postcode”),
    • Adding or removing fields that are irrelevant (e.g. for a particular locales),
    • Converting fields between select lists and text fields (e.g. US States vs. counties in the UK),
    • Updating select options (e.g. US states vs. Canadian provinces)
    • Updating field order (e.g. city, state, zip for US, different elsewhere),
    • Validating fields on a field-by-field basis (e.g. between various postal code standards–depends on jQuery.validate),
    • Providing placeholder text for configured fields (helpful when validating above).
    Read More Demo

    Formance.js : jQuery Formatting and Validating Form fields Plugin

    September 2, 2014 | Forms, Plugins
    Formance.js : jQuery Formatting and Validating Form fields Plugin

    Formance.js is a jQuery 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.

    Read More Demo