10 JavaScript Form Plugins You Must Have

Sam Deering

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.

Related Posts:

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.


Source + Demo

2. Password Strength

This plugin can detect the strength of your password.

Password Strength

Source + Demo

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.


Source + Demo

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.


Source + Demo

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.


Source + Demo

6. jQuery Mask Plugin

A jQuery plugin to make field masks.

jQuery Mask Plugin

Source + Demo

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.

jQuery FIle Upload

Source + Demo

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.


Source + Demo

10. TextextJS

TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete.


Source + Demo