Best jQuery Forms 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.

    surveyJS : Javascript Survey Creation & Management

    surveyJS : Javascript Survey Creation & Management

    surveyJS let’s you create a survey from a JSON and manage all the process ( fields validation, local storage and form data are already managed )
    You can manage:

    • HTML for questions, answers and feedback messages
    • Form data before sending it to the backend
    • Callback functions for AJAX calls success/error/end and validation
    • and more…

    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.

    JavaScript library for HTML Form Persistence

    JavaScript library for HTML Form Persistence

    A simple JavaScript library for preserving HTML form data across multiple sessions.

    Ajax Contact Form with Bootstrap, Semantic UI, Bulma, & UIkit Forms

    Ajax Contact Form with Bootstrap, Semantic UI, Bulma, & UIkit Forms

    Ajax Contact Form is a powerful responsive and mobile friendly Ajax contact form that you can easily embed into any HTML, PHP, and WordPress page in a matter of minutes.

    Form Async : Library that provide Acronymous Sending on Form Changes

    Form Async : Library that provide Acronymous Sending on Form Changes

    Form Async is an easy-to-use library that provide acronymous sending on form changes. It’s a great solution to preventing data loss when filling out a web form.

    Features:

    • Lightweight (~1.5kb gziped)
    • Saves any HTML form element
    • Support content editable property
    • Full customization
    • Retry functionality if ajax request fail
    • Send form elements as group of field
    • Provide the way to validate changes before sending ajax request

    Super – Wizard Form Google Spreadsheets Based

    Super - Wizard Form Google Spreadsheets Based

    Super Wizard Form Pack is very useful for any campaign, event, registration, seminar any other function. you can easily integrate HTML form in your HTML template or landing page and when user fill form then you can get all user data check in Google Spreadsheet.

    Features:

    • 100% Responsive Layout Design.
    • 20 Different professional form Design
    • Google Web Font ‘Roboto’ and ‘Oswald’
    • 12 Column Bootstrap Grid System
    • Google Spreadsheet Based
    • Wizard Form

    Bootprompt : Flexible Dialog Boxes with Bootstrap 4

    Bootprompt : Flexible Dialog Boxes with Bootstrap 4

    Bootprompt is a flexible dialog boxes jquery plugin based on bootstrap 4. Its a upgraded version of Bootbox that let you create bootstrap powered alert, confirm and flexible dialog boxes.

    FormSlider : Logical Slide Form Pages with jQuery

    FormSlider : Logical Slide Form Pages with jQuery

    This jquery.formslider integrates a modified Flexslider with logical slide pages that can have features and behaviors provided by plugins.

    The main goal is to have different actions triggered depending on what type the actual slide page is. You can stop going forward when a formula is invalid for example.

    The Library is very small, performance optimized, full responsive and touch capable. You can easily write you own plugins and implement custom slide behavior.

    FormStorage : JavaScript library to Stores Form Data in Localstorage

    FormStorage : JavaScript library to Stores Form Data in Localstorage

    FormStorage is a JavaScript library stores the form-data to the localstorage so you don’t have to fill the form again.