25 jQuery Plugins for Working with Forms
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.
jQuery Form Plugin
With this plugin you can easily upgrade HTML forms to make use of AJAX.
In-Field Labels
Display labels inside form fiels with this plugin. The label remains until the user starts typing.
jQuery Form Validation
This plugin will validate the information entered into form fields before it is submitted.
AJAX Form Validation
Another option for adding form validation.
jQuery Auto Complete
This plugins adds an auto complete functionality to form fields, especially useful for searches.
jQuery Autocomplete
Another option for adding auto complete to form fields.
Uploadify
Uploadify allows you to easily add one or more upload options.
Contactable
Contactable will help you to make jQuery contact forms quickly and easily.
Input Fields with Images
This plugin allows you to add icons or images inside of input fields to add some flair to your forms.
JavaScript Image Combobox
Add icons or images to items in a dropdown.
jQuery Checkbox
If your forms include checkboxes or radio buttons this plugin will allow you to style them.
Radio Button and Checkbox Replacement
This plugin will also help for styling radio buttons and checkboxes to suit your needs.
Datepicker
Datepicker makes it easy to add calendars to date input fields in forms.
Date Picker
This is another option for enhancing date fields within a form.
Plugin for Password Masking
This gives users the option to see the chracters of the password the are entering, for usability purposes.
ToggleVal
ToggleVal will allow you to customize form fields to display default text within form fields.
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.
jQuery Autosave
This plugin will autosave the progress of form fields using cookies so nothing will be lost.
Elastic
Elastic uses jQuery to allow textareas to expand according to the text that is entered.
iPhone Style Checkboxes
This plugin enhances standard HTML checkboxes and gives them an iPhone-like styling.
AJAX Fancy CAPTCHA jQuery Plugin
Use this plugin to help prevent comment form spam with the use of a fancy CAPTCHA.
markItUp
Turn any textarea into a markup editor.
Ajaxify
Turn any link or form from a standard request to an AJAX request.
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.
For more jQuery resources please see:
jQuery Checkbox and Show Password are Awesome…
Superb resources. Thanks for sharing
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.
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.
an amazing collection… i’ve bookmarked it for future use. Thanks for the post!
This list is very useful, thank you.
Great just what I needed!
I will use it on my site!
its good stuff for better working whit jquery an usebility the page
thanks for adding contactable, I hope you like it!
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
AJAX Fancy CAPTCHA jQuery Plugin might come in handy.
Nice post!
that is amazing.. thank for cool collection
Thats an fantastic & very useful list of form plugins…just what I needed!
Thank you for sharing. Date Picker’m using on my site. a great resource
that is amazing.. thank for cool collection
Thank you for your sharing very much.
Very Cool!!!! man!
I like this collection. Thanks for sharing!
very nice jquery form plugins, i use it in my web design works! tank u!
thanks for the info , cherrs
good~
http://mattnull.com/formation
that is amazing.thanks for the info
Thanks! Autosave was exactly i was looking for! 🙂
Thank you for sharing your stories. It is very useful for us. Thank you very much.
Thank you for sharing your stories
Excellent collection!!!
Nice collection, thanks for shareing!
Awesome, Thanks for this! I noticed 1 typo, though. 😉
“Display labels inside form fiels with this plugin.”
I like it.It very necessary for web design. thanks for sharing
Drop-in replacement for your with multiple attribute.
how to create comment box