Best jQuery Forms Plugins & Tutorials with Demo

Validetta : A tiny jQuery plugin for Validate Forms

Validetta : A tiny jQuery plugin for Validate Forms

Validetta is a tiny jQuery plugin which you can do client-side validation of your forms. It aims to decrease your burden with easy usage and flexible structure.

jQuery AutoGrow Input Plugin

jQuery AutoGrow Input Plugin

A lightweight jQuery plugin for making text input fields grow and shrink dynamically while typing.

  • Lightweight: 1.0 kB of JavaScript – less than 0.6 kB gzipped
  • Autosizes text input fields dynamically while typing
  • Set maxWidth and minWidth
  • May be used in responsive designs

SmartPlaceholder.js : jQuery Smart Input Placeholder Plugin

SmartPlaceholder.js : jQuery Smart Input Placeholder Plugin

A jQuery Plugin which handles HTML Input placeholder attributes smartly. Shows placeholder even when user is typing.

jQuery Bootstrap MaxLength for Form Inputs

jQuery Bootstrap MaxLength for Form Inputs

Bootstrap-Maxlength a jQuery plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text. Uses the HTML5 attribute “maxlength” to work.

The indicator badge shows up on focusing on the element, and disappears when the focus is lost.

Dropdown.js : jQuery Nice Select DropDown Input

Dropdown.js : jQuery Nice Select DropDown Input

Finally a dropdown plugin that transforms select inputs in nice dropdowns and does not drive you crazy.

Validatrix : jQuery Lightweight Form Validation script

Validatrix : jQuery Lightweight Form Validation script

Validatrix is a simple lightweight form validation script.Just include the script & css and add the class .required to your required fields that’s all, just 2kb.

Numble : Simple jQuery Number Selector

Numble : Simple jQuery Number Selector

Numble is a simple jQuery plugin to override the default HTML5 field to facilitate better cross browser styling and consistency. The default number input renders differently in different browsers making it difficult to match styles. numble hides the original control and adds a new element containing the hidden original. The new control allows the number to be changed using either the mouse scroll wheel or embedded increment and decrement controls.

Stylish Newsletter Email Signup Form with CSS & jQuery

Stylish Newsletter Email Signup Form with CSS & jQuery

This is a an Automated and Stylish Newsletter Email Signup form which will increase your Subscribers by 400%.

cForm : jQuery CSS-styleable Form Element

cForm : jQuery CSS-styleable Form Element

jQuery cForm replaces your standard, ugly form-elements with nice and clean non-form html code which can be styled via CSS.The original elements are retained (just hidden), so you won´t loose any form-element related functionality.
You can add custom HTML templates for all supported form elements and use CSS to style them. Or you just use the default templates and style them with the included CSS or SCSS file.

Textcomplete : jQuery Autocomplete for Textarea

Textcomplete : jQuery Autocomplete for Textarea

Introduce autocompleting power to textareas, like GitHub comment forms have with jQuery.



Best jQuery websites design awards