Best jQuery Form Validation Plugins & Tutorials with Demo

    HTML 5 & Bootstrap Jquery Form Validation Plugin : jbvalidator

    HTML 5 & Bootstrap Jquery Form Validation Plugin : jbvalidator

    jbvalidator is a fresh new jQuery based form validation plugin that is created for the latest Bootstrap 5 framework and supports both client side and server-side validation.

    • Multiple languages.
    • Custom error messages.
    • Custom validation rules.
    • Easy to use via HTML data attribute.

    Poppa : Lightweight jQuery Validation Plugin

    Poppa : Lightweight jQuery Validation Plugin

    Poppa is a jQuery plugin which makes client-side form validation easy. It provides a basic customization and aims at being cross-browser compliant, reliable and lightweight (only 8kb minified). It comes with a handful of a useful validation methods, including URL and email validation and default error messages in English.

    v8n : JavaScript Fluent Validation Library

    v8n : JavaScript Fluent Validation Library

    v8n aims to be the most fluent and simple validation library for use in any context. The API is beautifully readable and allows for easy creation of complex validations in any part of your app. Even though there are many useful default validation methods, it’s a breeze to add your own fluent rules to v8n and use them anywhere in your app.

    Features:

    • Fluent and chainable API
    • Useful standard validation rules (30+)
    • Custom validations rules
    • Asynchronous validation
    • Reusability

    Bootstrap Strength Meter with jQuery

    Bootstrap Strength Meter with jQuery

    Bootstrap Strength Meter is a simple password strength meter based on Password Score.

    Web Form : Multi Purpose HTML Form with jQuery Validation

    Web Form : Multi Purpose HTML Form with jQuery Validation

    Web Form is a Full Responsive Ajax HTML Form with Required field jQuery validation and Anti Spam (Google reCaptcha & simple Math Captcha) built on HTML5/CSS3 and JQuery. Code written in a simple way by which you can easily integrated at your site.

    Web Form Responsive Ajax HTML Form can be used for your organization/ company/ business or personal use. So that your website visitors/ customers/ clients/ agents/ members can be touched with you and let you know their concern through the form.

    • AJAX enabled (no page reload)
    • Required field jQuery validation
    • Google auto Location search
    • Anti Spam (Google reCaptcha & simple Math Captcha)
    • Validation error message popup alert
    • Success message popup alert
    • W3C Valid HTML Code

    Multi Step Form with jQuery validation

    Multi Step Form with jQuery validation

    Multi Step Form with jQuery validation

    • utilizes jquery validation (with or without jquery unobtrusive validation) to validate the form at each step.
    • contains customizable header step classes to distinguish between active, complete, and incomplete steps.
    • triggers custom change events with relevant step data for custom processing (e.g. updating progress bars)

    Libphonenumber : Javascript Phone Number Parsing and Formatting

    Libphonenumber : Javascript Phone Number Parsing and Formatting

    A simpler (and smaller) rewrite of Google Android’s famous libphonenumber library: easy phone number parsing and formatting in javascript.

    Form Wizard : jQuery Multi Step Form Validation

    Form Wizard : jQuery Multi Step Form Validation

    Single page 3/4/5 step form with every step script field validation. Multi format and style 144 item Sign up form, Include image uploader system. Using bootStrap responsive and it’s easy to customize for you.

    BunnyJS : Browser ES6 framework with JavaScript

    BunnyJS : Browser ES6 framework with JavaScript

    BunnyJS is a modern Vanilla JS and ES6 library and next-generation front-end framework, package of small stand-alone components without dependencies.

    • No dependencies – can be used in any project anywhere anytime
    • 0 learning curve – you can start right now, just plain JavaScript with simple architecture easy to maintain and extend
    • Designed in mind to build modern, complicated, real world business apps
    • Faster, simpler, enjoyable than any frontend framework
    • Large set of ready components, custom UI elements and utils

    Inputmask : jQuery Input Mask Plugin

    Inputmask : jQuery Input Mask Plugin

    jQuery inputmask is a jquery plugin which create an input mask.

    An inputmask helps the user with the input by ensuring a predefined format. This can be usefull for dates, numerics, phone numbers, …

    Features:

    • easy to use
    • optional parts anywere in the mask
    • possibility to define aliases which hide complexity
    • date / datetime masks
    • numeric masks
    • lots of callbacks
    • non-greedy masks
    • many features can be enabled/disabled/configured by options
    • supports readonly/disabled/dir=”rtl” attributes
    • support data-inputmask attribute
    • multi-mask support