Best jQuery Form Validation Plugins & Tutorials with Demo

    validator : jQuery cross-browser validation plugin

    validator : jQuery cross-browser validation plugin

    The javascript validation code is based on jQuery. The Validator is cross-browser and will give you the power to use future-proof input types such as ‘tel’, ‘email’, ‘number’, ‘date’, and ‘url’. I can sum this as a ‘template’ for creating web forms.

    In the semantic point-of-view, I believe that this method is very clean and…appropriate. This is how forms should be, IMHO.

    Features:

    • Cross browser validation
    • Deals with all sorts of edge cases
    • Utilize new HTML5 types for unsupported browsers
    • Flexible error messaging system

    Parsley.js : jQuery Powerful forms validation

    Parsley.js : jQuery Powerful forms validation

    Parsley.js is jQuery Powerful forms validation.Never write a single javascript line anymore to validate your forms FrontEnd. Parsley will do that for you and do it right, thanks to its powerful DOM-API !

    jQuery.validVal : A highly customizable and feature rich jQuery form validator

    jQuery.validVal : A highly customizable and feature rich jQuery form validator

    jQuery.validVal is a plugin designed to simplify form validation.It is highly customizable, very feature rich and can easily be dropped on any type of HTML-form (even AJAX- and HTML5-forms) with very little effort.

    Features:

    • Can be used for validating any kind of HTML-form, with very little effort.
    • Supports five default value-validations: “required”, “number”, “email”, “url” and “pattern”.
    • Supplies a workaround for the lack of support for HTML5 attributes and type-values.
    • Great default “invalid-handler” that can be extended or customized.
    • Enables a group of checkboxes to have at least one checkbox to be “required”.
    • Built in support for clearing the placeholder-value “onFocus”.
    • Automatically select the next input-field when the “maxlength” nth-character is entered.

    Happy.js : Lightweight, extensible form validation jQuery plugin

    Happy.js : Lightweight, extensible form validation jQuery plugin

    Happy.js plugin is lightweight and supports few input validations by default (required, date, number, e-mail, min/max and phone number). But it can be extended so easily by adding few lines and the regex for the rule you want.

    jQuery.html5form : Form Validation & Ajax Submission Plugin

    jQuery.html5form : Form Validation & Ajax Submission Plugin

    HTML5 validates forms without additional JavaScript.Currently only latest versiones of Firefox, Safari & Google Chrome supports this functionality.This plugin gets the same result in all versions on Internet Explorer and Firefox 3.6.

    Just create your form according the HTML5 syntax and the script will execute itself.It does not require extra classes. The plugin gets all the information from the HTML source.Runs automatically when detects Internet Explorer, Opera or Mozilla Firefox.The form sends through an asynchronous Ajax request by default.The plugin automatically gets method and action attributes declared on the form.

    Ideal Forms : Responsive Forms with Html5 & jQuery

    Ideal Forms : Responsive Forms with Html5 & jQuery

    The ultimate framework for building and validating responsive HTML5 forms.

    Features:

    • Fully responsive (AKA adaptive, adapts to the container, no css media queries needed).
    • Keyboard support.
    • Every input type can be customized including select, radio, checkbox and file.
    • Custom datepicker using jQuery UI (with fallback)
    • “On the spot” validation.
    • Localization
    • HTML5 placeholder for every browser.

    Ajax Stylish Captcha and Contact Form using jQuery and PHP

    Ajax Stylish Captcha and Contact Form using jQuery and PHP

    This tutorial is about ajax based contact form with jquery validation and ajax based captcha.Captcha is main part of any form and if it is ajax based then it looks awesome.

    jqBootstrapValidation : jQuery validation plugin for bootstrap forms

    jqBootstrapValidation : jQuery validation plugin for bootstrap forms

    A JQuery validation framework for bootstrap forms.jqBootstrapValidation will scan for HTML5 validator attributes directly on the elements, plus any extra options specified via data attributes. By default, it will also sniff for native HTML5 form validation attributes, as detailed above.

    If you decide this isn’t what you want, you can restrict jqBootstrapValidation to only data attributes by setting sniffHtml to false when calling it on your form elements.