By Sam Deering

10 JavaScript Form Plugins You Must Have

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

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

Login or Create Account to Comment
Login Create Account
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?