In this post, we have collected 10 useful form plugins that use some awesome jQuery or JavaScript magic to enhance the existing form elements to help you create a better and user friendlier web forms. Enjoy.
1. Chosen
It is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.
2. Password Strength
This plugin can detect the strength of your password.
3. Limit
It is a plugin for the JavaScript framework jQuery that limits the number of characters that can be entered in a textarea or input field. The plugin can also report the number of characters left before the user reaches the length limit.
4. jQuery.fn.autoResize
A plugin for jQuery which changes the dimensions of input elements to suit the amount of data entered. It operates on textarea, input[type=text] and input[type=password] elements.
5. Clearfield
This plugin takes care of your input fields. Often used by opt-in input fields where the default value of the field is something like “Your e-mail address”. If you click the field the text disappears so that you can type your e-mail address.
6. jQuery Mask Plugin
A jQuery plugin to make field masks.
7. MailCheck
The jQuery plugin that suggests a right domain when your users misspell it in an email address.
8. jQuery FIle Upload
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing.
9. Autotab – jQuery Auto-tabbing and Filter Plugin
Is a jQuery plugin that provides auto-tabbing and filtering on text fields in a form. Once the maximum number of characters has been reached within a defined text fields, the focus is automatically set to the defined target of the element.
10. TextextJS
TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete.