jQuery: 9 plugins for forms

Tweet


When handling forms in a web site or application, jQuery can make things easier. Here I've gathered some very helpful plug-ins you might use when needed. Please let me know your thoughts!

Defaultvalue

Defaultvalue is a Jquery plugin that sets a default value on your input elements if they are empty. The default value disappears if the input gain focus or the user types something in it. Perfect for label values like “Search here…”, “Username” or example values like “john.doe@corp.com”. Works with both text and password inputs as well as textareas.

Elastic

This Jquery plugin makes your textareas grow and shrink to fit it’s content. It was inspired by the auto growing textareas on Facebook. The major difference between Elastic and it’s competitors is it’s weight.

A-Tools

(demo)
Cross-browser text selection and modification plugin

Radiobutton- und Checkbox-Replacement

Replaces radiobuttons and checkboxes with a more skinable Version.

Ajax AutoComplete for jQuery

Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields.

Advance Form Validation

(demo)
Form Validator with several features such as grouping required fields or conditional checking if it is valid or not. Also you can validate string, numeric, date or e-mail. And you can combine several validations. For example: required numeric input and minimum 5 chars long.

Validation

Setup powerful client-side form validation. From a protoype in a few minutes to heavily customized validation rules, methods and messages.

Vinter.Validate

(demo)
A very simple to use form validation plugin for jQuery, no complicated settings and configuration options to get going.

Live Validation

Use this plug-in to add live validation to any form on your page. The plug-in indicates whether a form control is valid or not by switching between any icons of you choosing as the user types.