Coding
August 31, 2011 posted by Maan

jQuery Form Plugins

jQuery Form Plugins

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. The primary objective of a web form is to collect user input. With different type of form elements  to represent the input we expected from users. For example, here’s a collection of 27 best jQuery form enhancement.

 Uniform

is a jQuery plugin that allow you to easily customize the look and feel of your form elements.

Uniform

 

 jQuery Autosave:

This plugin will autosave the progress of form fields using cookies so nothing will be lost.

jQuery Autosave

 

 Access Key Highlighter

provides various options for highlighting access keys on web forms when the user presses their browser’s access key shortcut key, e.g. Alt in Internet Explorer and Safari, Shift+Alt in Firefox.

Access_Key_Highlighter

 

 Ajax Fancy Captcha

is a jQuery plugin that helps you protect your web pages from bots and spammers

Ajax Fancy Captcha

 

 AJAX Upload

allows you to easily upload multiple files without refreshing the page and use any element to show file selection window.

Ajax upload

 

 ASM Select

provides an enhancement to multiple select boxes that is worth taking a look at.

ASM Select

 

 Autocomplete

an input field to enable users quickly finding and selecting some value, leveraging searching and filtering.

Autocomplete

 

 Autotab

provides smart auto-tabbing and filtering on text fields in a form. Simply put: once you have typed the maximum number of characters in a text field,

AutoTab

 

 Baby Steps

provides a simple and easily configurable solution for turning long forms into broken out steps without going from page to page.It works well like a wizard where users can go back and correct inputs if needed.

Baby Steps

 

 BS Form Accelerator

will be able to use Enter or Space buttons in your forms replacing the buttons such as Tab for changing focus in fields just with assigning an ID to the form.

BS Form Accelerator

 

 Contactable

will help you to make jQuery contact forms quickly and easily

contactableHeader

 

 Datepicker

makes it easy to add calendars to date input fields in forms.

Datepicker

 

 meioMask

a jQuery Mask Form Input Plugin is a simple to use plugin for creating and applying maskstot text input fields.

Form Input Plugin

 

 In-Field Labels

jQuery Plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins.

infield

 

 JavaScript Image Combobox

Add icons or images to items in a dropdown.

JavaScript_Image_Combobox

 

 jCryption

is a JavaScript HTML-Form encryption plugin, which encrypts the POST/GET data submitted by forms. Normally, when you submit a form, data will be sent in plain text if no SSL is used.

jCryption

 

 jqTransform

will make it easy to give your forms a more attractive look as compared to the default form.

jqTranform

 

 jQuery Form Plugin

allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process.

jQuery Form Plugin

 

 jQuery Form Validation

will validate the information entered into form fields before it is submitted.

jQuery Form Validation

 

 JQuery Geogoer VChecks Plugin

A very user friendly way to show checkboxes.

JQuery Geogoer VChecks Plugin

 

 jQuery Highlight Plugin

increases usability by highlighting elements within a form as you interact with each element. Its primary use is for forms, but it can also be used for tables, lists, or any element you specify.

jQuery Highlight Plugin

 

 jQuery Comment Preview

plugin not only gives site users the chance to preview a comment they have posted, it also allows them to preview it in real time, and it is simply awesome. There is also a MooTools version of this tutorial.

jQuery Comment Preview – Tutorial

 

 mcDropdown

jQuery Plug-in Wanted this control to be intuitive and it had to allow for both quick mouse and keyboard entry.

mcdropdown

 

 Password Validation

jQuery plugin extends the jQuery validation plugin by providing two components: A function that rates passwords for factors like mixed upper/lower case.

Password Validation

 

 Emblematiq Niceforms

You basically know a web form when you see one as they always look the same and they’ve kept this look over the years.

Emblematiq_Niceforms

 

 Uploadify

is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. It requires Flash and any backend development language.

uploadify-jquery-plugin

 

 Textarea Resizer

allows the user to extend the textarea element/area within the web page whenever they feel.

jquery-dynamic-textarea

 

 jQuery Dropdown Checkbox

List Plugin One of the users of the dropdown-check-list plugin added a patch containing an update to take into consideration the optgroup tags, part of the select HTML element.

jQuery_Dropdown_Checkbox
Maan

21 year old designer, blogger and front-end developer. love to share creative design and inspiration.

comments powered by Disqus