Tutorials and plugins for dealing with web forms
There are many ways you can format your web forms. Some elements like for instance dropdown menus (select) aren't that easy to style without help of javascript. This comprehensive collection lists tutorials and plugins will help you to deal with your forms. It contains styling, validations, captcha, autofillers, uploads and many more.
jQuery checkbox v.1.3.0 Beta
Lightweight custom styled checkbox implementaion
jQuery inline form validation
A jQuery inline form validation, because validation is a mess.
jQuery 'highlight'
Highlight increases usability by highlighting elements as you interact with the page.
AJAX Fancy Captcha
Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers.
AJAX Upload
AJAX Upload allows you to easily upload multiple files without refreshing the page.
Ajax Username Check
The embedded javascript picks up the onblur event of the input field with id username.
Nodstrum AutoCompleter
AutoCompleter Tutorial - jQuery(Ajax)/PHP/MySQL
Autotab
jQuery auto-tabbing and filter plugin.
Autocomplete plugin
Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering.
Password Validation plugin
This plugin extends the jQuery validation plugin rating password.
Incredible Login Form With jQuery
This plugin extends the jQuery validation plugin rating password.
Default Value
A simple Javascript-based user enhancement to your web forms.
Digg Style Sign Up Form
A tutorial describing how to create 'Digg.com like' sign up form.
Styling an input type - file
Of all form fields, the file upload field is by far the worst when it comes to styling.
Elastic
Make your textareas grow Facebook style jQuery plugin.
Enlarge input fields on focus
Enlarge input fields on focus so that entire text could be visible during typing.
markitup
It allows you to turn any textarea into a markup editor.
FancyForm
FancyForm is a powerful checkbox replacement script.
File Style
Style those darn file inputs. With jQuery of course.
mcDropdown jQuery
Input forms multi drop down jQuery plugin.
Improved Current Field Highlighting
As a matter of usability and aesthetics, it is a good thing to add some kind of visual feedback on web forms.
In-Field Labels
Labels fade when the field is focussed and disappear when text entry begins.
JQuery Geogoer VChecks
jQuery plugin for nice looking checkboxes.
jCryption
jCryption is a JavaScript HTML-Form encryption plugin.
combobox v2.1
You can add an icon with each option. It works with your existing 'select' element.
jQuery AlphaNumeric
Did you ever have the need to prevent users from entering certain characters into your form?
jQuery Comment Preview
jQuery Comment Preview…
uploadify
Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website.
jQuery Form Plugin
Easily and unobtrusively upgrade HTML forms to use AJAX.
jQuery Nice Form
Custom styling for your forms.
jQuery shiftcheckbox plugin
To select a range of consequetive checkboxes with just two clicks.
Selecting Multiple Select Form Elements on the Fly
Selecting Multiple Select Form Elements on the Fly
jQuery plugin: Validation
jQuery plugin: Validated your form.
jquery.combobox
jquery.combobox is an unobtrusive way of creating a HTML type combobox from a existing HTML Select element(s).
jQuery fieldtag plugin
Handles custom styling of your form.
jTip plugin
Displays tips for input forms.
Justify elements using jQuery and CSS
Allign your form not using tables.
livevalidation
Allign your form not using tables.
meioMask - a jQuery mask plugin
Encoding is important if you are going to use the mask with special characters like áéã (rule '@', see below for more).
NiceForms V2
Custom style your forms.
jqTransform
Another custom style your forms.
jVal
jQuery Form Field Validation Plugin.
TextArea Resizer
Allows the user to extend the textarea element/area within the web page whenever they feel.
prettyCheckboxes
This script is for people who wants to have a consistent look for checkboxes across browser.
prettyComments
Comment boxes that are alway too small for long comment.
Select Multiple Form Fields
Most of the form fields available with HTML are straightforward and easy for people to understand and use. But there is one exception. The select multiple.
Sexy Combo jQuery plugin
Sexy Combo is a jQuery plugin that allows you to turn default browser selectboxes into much more attractive and usable comboboxes.
chain combobox
Very simple chained selects plugin for jQuery.
Submit Without Page Refresh
Submit A Form Without Page Refresh using jQuery.
Password Strength Indicator
Sometimes you want to show your user the strength of their password.
CLEARFIELD
This plugin takes care of your input fields.
Date Range Selector
Transcendent jQuery Date Range Selector + Short Cuts.
LightForm
Takes care of your form validation, spam check, alerts…
