25 jQuery Plugins for Working with Forms

by Steven Snell

January 25, 2010 in Resources

Almost every website uses a form of some kind. Contact forms and other types of forms can be enhanced with the use of a number of jQuery plugins that are readily available. In this post we’ll feature 25 useful plugins that you may be able to use in your own work with forms.

jqTranform

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

jqTranform

jQuery Form Plugin

With this plugin you can easily upgrade HTML forms to make use of AJAX.

jQuery Form Plugin

In-Field Labels

Display labels inside form fiels with this plugin. The label remains until the user starts typing.

In-Field Labels

jQuery Form Validation

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

jQuery Form Validation

AJAX Form Validation

Another option for adding form validation.

AJAX Form Validation

jQuery Auto Complete

This plugins adds an auto complete functionality to form fields, especially useful for searches.

jQuery Auto Complete

jQuery Autocomplete

Another option for adding auto complete to form fields.

jQuery Autocomplete

Uploadify

Uploadify allows you to easily add one or more upload options.

Uploadify

Contactable

Contactable will help you to make jQuery contact forms quickly and easily.

Contactable

Input Fields with Images

This plugin allows you to add icons or images inside of input fields to add some flair to your forms.

Input Fields with Images

JavaScript Image Combobox

Add icons or images to items in a dropdown.

JavaScript Image Combobox

jQuery Checkbox

If your forms include checkboxes or radio buttons this plugin will allow you to style them.

jQuery Checkbox

Radio Button and Checkbox Replacement

This plugin will also help for styling radio buttons and checkboxes to suit your needs.

Radio Button and Checkbox Replacement

Datepicker

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

Datepicker

Date Picker

This is another option for enhancing date fields within a form.

Date Picker

Plugin for Password Masking

This gives users the option to see the chracters of the password the are entering, for usability purposes.

Plugin for Password Masking

ToggleVal

ToggleVal will allow you to customize form fields to display default text within form fields.

ToggleVal

magicpreview

If you want users to be able to preview what they are entering into form fields, this plugin will allow you to do it.

magicpreview

jQuery Autosave

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

jQuery Autosave

Elastic

Elastic uses jQuery to allow textareas to expand according to the text that is entered.

Elastic

iPhone Style Checkboxes

This plugin enhances standard HTML checkboxes and gives them an iPhone-like styling.

iPhone Style Checkboxes

AJAX Fancy CAPTCHA jQuery Plugin

Use this plugin to help prevent comment form spam with the use of a fancy CAPTCHA.

AJAX Fancy CAPTCHA jQuery Plugin

markItUp

Turn any textarea into a markup editor.

markItUp

Ajaxify

Turn any link or form from a standard request to an AJAX request.

Ajaxify

AutoTab

When a user has entered the maximum number of characters in a field (such as a phone number) it will auto tab to the next field.

AutoTab

For more jQuery resources please see:

Powered by Shutterstock

About Steven Snell

Stephen Snell is the owner and editor of Vandelay Design.Connect with Stephen on google+

  • New York Web Design

    Jan 25th

    jQuery Checkbox and Show Password are Awesome…

    Superb resources. Thanks for sharing

  • Inside the Webb

    Jan 25th

    This is a great collection of jQuery plugins, I may even try some on my blog! I’m always impressed with how much jQuery has grown and allowed so much interactivity with pages.

  • emptywalls

    Jan 25th

    I use jQuery Validate and jQuery Form with great success. They are made to interact with each other, so validation and then AJAX submit are a snap.

  • Revenue Robot

    Jan 25th

    an amazing collection… i’ve bookmarked it for future use. Thanks for the post!

  • roger

    Jan 25th

    This list is very useful, thank you.

  • Daniel

    Jan 25th

    Great just what I needed!
    I will use it on my site!

  • BigM75

    Jan 26th

    its good stuff for better working whit jquery an usebility the page

  • phil

    Jan 26th

    thanks for adding contactable, I hope you like it!

  • Felix Nagel

    Jan 26th

    Take a look at my live form validation widget. Its coded after the jQuery UI coding and CSS guidlines (compatible with styleswitcher) and WCAG 2.0 and built in ARIA support.

    Take a look, its licensed under MIT and hosted on GitHub:
    http://wiki.github.com/fnagel/jQuery-Accessible-RIA/formular

  • Webtoolfeed

    Feb 6th

    AJAX Fancy CAPTCHA jQuery Plugin might come in handy.
    Nice post!

  • denbagus

    Feb 10th

    that is amazing.. thank for cool collection

  • Tom Girling Web Design

    Mar 26th

    Thats an fantastic & very useful list of form plugins…just what I needed!

  • Kerasus Hotel

    Apr 25th

    Thank you for sharing. Date Picker’m using on my site. a great resource

  • pattaya

    Jun 2nd

    that is amazing.. thank for cool collection

  • Engiblog.com

    Jun 3rd

    Thank you for your sharing very much.

  • Amassdirectory.com

    Jun 3rd

    Very Cool!!!! man!

  • Engiblog.com

    Jun 3rd

    I like this collection. Thanks for sharing!

  • web design firenze

    Jun 26th

    very nice jquery form plugins, i use it in my web design works! tank u!

  • seminyak hotels

    Jul 22nd

    thanks for the info , cherrs

  • vuitton

    Aug 8th

    good~

  • Oho

    Sep 18th

    that is amazing.thanks for the info

  • Senthil Kumar

    Oct 30th

    Thanks! Autosave was exactly i was looking for! :)

  • ประกาศฟรี

    Jan 9th

    Thank you for sharing your stories. It is very useful for us. Thank you very much.

  • keylogger

    Feb 21st

    Thank you for sharing your stories

  • Faruque Rahman

    Mar 3rd

    Excellent collection!!!

  • kućni ljubimci

    Mar 16th

    Nice collection, thanks for shareing!

  • Mohawk Kellye

    May 26th

    Awesome, Thanks for this! I noticed 1 typo, though. ;)

    “Display labels inside form fiels with this plugin.”

  • vu dinh giap

    May 30th

    I like it.It very necessary for web design. thanks for sharing

  • lou

    Jul 7th

    Drop-in replacement for your with multiple attribute.

  • hasan

    Jul 8th

    how to create comment box

  • Leave a Comment

    Your email address will not be published. Required fields are marked *