Best jQuery Forms Plugins & Tutorials with Demo

Alpaca : Easy HTML5 Forms for jQuery

Alpaca : Easy HTML5 Forms for jQuery

Alpaca is the Easy Forms Engine for jQuery and Twitter Bootstrap.

It is built around JSON schema to keep things simple. Using Alpaca, you can express your forms object model, types, properties and validation logic. Forms rendered with Alpaca provide intuitive interfaces for your users while giving your business an assurance of data compliance.

Alpaca comes pre-configured to work nicely with the following web frameworks:

  • jQuery
  • Twitter Bootstrap
  • jQuery UI
  • jQuery Mobile
  • Barebones (empty CSS)

The Alpaca library is pre-packaged with controls, wizards, layouts, I18N support and pluggable template engines. We ship with support for jQuery Tmpl, EJS and Handlebars. Documentation and API information is provided so that you can extend Alpaca as you see fit.

jQuery Email Autocomplete Plugin

jQuery Email Autocomplete Plugin

A jQuery plugin that suggests and autocompletes the domain whenever your users type in an email address field.Press the tab-key, or simply click on the suggestion to automatically fill in the rest of the domain.

Picker : jQuery plugin for replacing default checkboxes & radios

Picker : jQuery plugin for replacing default checkboxes & radios

Picker is a jQuery plugin for replacing default checkboxes and radios. Part of the formstone library.

Password : jQuery plugin to Check any Password Field live

Password : jQuery plugin to Check any Password Field live

jQuery plugin which checks passwords live against a set of criteria including personal information and dictionary words.

Rich_textarea : jQuery UI plugin replacement for a TEXTAREA

rich_textarea: jQuery UI plugin replacement for a TEXTAREA

Rich_TextArea is a jQuery plugin replacement for the venerable HTML TEXTAREA that adds arbitrary triggered autocompletes along with the insertion of rich “embedded objects” included images, links, or any other markup.

Rich_TextArea is not a WYSIWYG editor. It’s intended to be a replacement for a plain TEXTAREA with some additional features including:

  1. dropdown autocomplete support based on definable trigger characters such as @mentions, #tags, etc.
  2. insertion of arbitrary markup to represent “embedded objects”, such as images, links, etc. which are treated as single entities from the point of view of cursor movement and mouse selections.
  3. regular expression triggered callbacks enabling things like in-line URL rewriting, smiley insertion, etc.
  4. generation of a plain text representation of the editable area.

jQuery Bootstrap Form Alerts

jQuery Bootstrap Form Alerts

A jQuery plugin for displaying Bootstrap form alerts via jQuery events.

Features:

  • Event based
  • Modeled after Bootstrap’s plugins
  • Automatic binding via html attributes.

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.