Best jQuery Forms Plugins & Tutorials with Demo

jQuery.bank : Build and validate bank account forms

jQuery.bank : Build and validate bank account forms

A jQuery plugin for building bank account forms, formatting and validating inputs.Validates a given number as a bank account field field in country countryCode. It returns if it is valid and false if it is invalid.

Note that validation is designed to detect accidental errors. In other word, if the validation test says the number is invalid, it is 100% incorrect. However, if the test says the number is valid, there is a chance that the number is incorrect.

MaskMoney : jQuery plugin to Masks to your Currency Form Fields

MaskMoney : jQuery plugin to Masks to your Currency Form Fields

jQuery plugin to mask data entry in the input text in the form of money (currency).

Tipue drop : jQuery Search Suggestion box plugin

Tipue drop : jQuery Search Suggestion box plugin

Tipue drop is a search suggestion box jQuery plugin.Tipue drop only needs a browser that supports jQuery. Tipue drop is responsive and works on all reasonably modern browsers.

DictAndList : jQuery plugin for editable Dict and List html

DictAndList : jQuery plugin for editable Dict and List html

It is a plugin for editable Dict and List html, their values can be attached into form as stringified JSON when processing jQuery post.

LabelinPlace : jQuery form enhancement plugin for In-field Label

LabelinPlace : jQuery form enhancement plugin for In-field Label

A simple fully customizable form enhancement jQuery plugin for in-field label support.

jQuery Incrementer Plugins

jQuery Incrementer Plugins

This plugin extends an html input field which serves a number to be given. Handling validation and easy incrementing or decrementing of given value is provided.

switch.js : Switch-like widget using bootstrap and jQuery

switch.js : Switch-like widget using bootstrap and jQuery

A lightweight switch-like widget using twitter bootstrap and jQuery. This is good for simulating states like on/off, user/admin etc.

jQuery Masked Input Plugin

jQuery Masked Input Plugin

This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer, Firefox, Safari, Opera, and Chrome. A mask is defined by a format made up of mask literals and mask definitions. Any character not in the definitions list below is considered a mask literal. Mask literals will be automatically entered for the user as they type and will not be able to be removed by the user.The following mask definitions are predefined:

  • a – Represents an alpha character (A-Z,a-z)
  • 9 – Represents a numeric character (0-9)
  • * – Represents an alphanumeric character (A-Z,a-z,0-9)

bselect : Select decorator component for Bootstrap

bselect : Select decorator component for Bootstrap

The select decorator component that was missing for Twitter Bootstrap.

Features:

  • Bootstrap-like dropdown decorator for <select> elements
  • Easy to use, a simple jQuery call and you’re done!
  • Doesn’t require any Bootstrap CSS or JS to work
  • Tested via QUnit
  • Support for internationalization
  • ARIA ready

floatlabels.js : jQuery Float Label

floatlabels.js : jQUery Float Label

Follows the famous Float Label Pattern. Built on jQuery.The Float Label Pattern found his success after Brad Frost wrote a blog post about Float Label Patterns. The idea is based on a Dribbble Shot by Matt D Smith. The Pattern is easy to explain. On User Interaction with an input field the placeholder value moves up, and is displayed above the typed text. This Plugin offers you the possibility to upgrade your forms with this famous pattern.