Best jQuery Forms Plugins & Tutorials with Demo

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

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.

jQuery Autogrow Textarea Plugin

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

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

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.

FormValidation : jQuery Powerful Form Validation with Bootstrap

FormValidation : jQuery Powerful Form Validation with Bootstrap

Best jQuery plugin to validate form fields Designed for Bootstrap.

zInput : jQuery Custom Radio buttons & Checkboxes Plugin

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.

Flexdatalist : jQuery Autocomplete Plugin

Flexdatalist : jQuery Autocomplete Plugin

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

PopSelect : jQuery plugin to replace Select with Popover

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.

Timon : jQuery Step Form Wizard

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

Select.js : Styleable Select Elements

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.

Textarea Tabbing – Code based tabs with jQuery

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.



Best jQuery websites design awards