Best jQuery Forms Plugins & Tutorials with Demo

    jQuery: Calculate sum of all textbox values in a Table Column

    May 25, 2016 | Forms, Tables
    jQuery: Calculate sum of all textbox values in a Table Column

    This article explains how to calculate the total of all textboxes values in a table column. Inshort on text change event, we calculate the sum of all input values entered in the table column, i.e., whenever the user enters any values or modifies the value to any of the given textbox will calculate and display the total sum of it.

    Read More Demo

    jQuery Autogrow Textarea Plugin

    May 19, 2016 | Forms, Plugins
    jQuery Autogrow Textarea Plugin

    Automatically adjust textarea height based on user input.

    Features :

    • Grows vertically, horizontally or both
    • Correctly handles 2 or more spaces
    • Copies more css and font styles to shadow div
    • Correctly handles long words on one line
    • Flickering can be disabled on Enter
    • Doesn’t add more than one handler to textarea
    Read More Demo

    Addel : jQuery plugin for Dynamic Addition & Deletion of HTML elements

    May 9, 2016 | Forms, Plugins
    Addel : jQuery plugin for Dynamic Addition & Deletion of HTML elements

    Addel is a simple & lightweight jQuery plugin for powering UIs that enable dynamic addition & deletion of HTML elements, conceived with form elements in mind.

    Read More Demo

    FormValidation : jQuery Powerful Form Validation with Bootstrap

    April 30, 2016 | Bootstrap, Forms, HTML5, Plugins
    FormValidation : jQuery Powerful Form Validation with Bootstrap

    Best jQuery plugin to validate form fields Designed for Bootstrap.

    Read More Demo

    zInput : jQuery Custom Radio buttons & Checkboxes Plugin

    April 29, 2016 | Forms, Plugins
    zInput : jQuery Custom Radio buttons & Checkboxes Plugin

    A jQuery plugin to transform standard HTML radio buttons and checkboxes (with title attributes) into easily clickable elements.

    Read More Demo

    Flexdatalist : jQuery Autocomplete Plugin

    April 28, 2016 | Forms, Plugins
    Flexdatalist : jQuery Autocomplete Plugin

    Flexdatalist is (another) jQuery autocomplete plugin with support for <datalist>.

    Read More Demo

    PopSelect : jQuery plugin to replace Select with Popover

    April 27, 2016 | Forms, Plugins
    PopSelect : jQuery plugin to replace Select with Popover

    A jQuery plugin to replace the traditional <select> box with a sleek Popover with options pre-populated. Better User interface than any other multiselects.

    Read More Demo

    Timon : jQuery Step Form Wizard

    April 25, 2016 | Bootstrap, CSS2 / CSS3.0, Forms, Plugins, Premium
    Timon : jQuery Step Form Wizard

    With Timon – Step Form Wizard you will have power combo of 21 different styles, 8 different transition effects, validation in your step form, titles and subtitles with multiple step. , also Timon – Step Form Wizard has predefined set of form sizes from tiny to large. You can easily create and customize any form to fit your needs.

    Features:

    • Step navigation
    • Fully responsive
    • Many options for design and function
    • Can be used for tabs
    • Step navigation
    • 21 Style
    • 8 transition effect
    Read More Demo

    Select.js : Styleable Select Elements

    April 24, 2016 | Core Java Script, CSS2 / CSS3.0, Forms
    Select.js : Styleable Select Elements

    Select.js is a Javascript and CSS library for creating styleable select elements. It aims to reproduce the behavior of native controls as much as is possible, while allowing for complete styling with CSS.

    Read More Demo

    Textarea Tabbing – Code based tabs with jQuery

    April 23, 2016 | Forms
    Textarea Tabbing – Code based tabs with jQuery

    Recently I was working on a project that let users edit some source code in a HTML textarea box and send it back to us, so to provide some simple functionality and formatting whilst editing code in a textarea I needed to find a way to mimic tab based behaviour from a text editor.

    Read More Demo