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.


Chosen

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.


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.


jQuery.fn.autoResize

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.


Clearfield

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.


MailCheck

Source
Demo

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.


Autotab

Source + Demo

10. TextextJS

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


TextextJS

Source + Demo

Sam Deering Sam Deering
Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

  • Gagan

    Awesome post..Thanks Jquery4u Team

Related books & courses
Available now on SitePoint Premium

Preview for $1