10 Amazing jQuery Plugins To Improve Your Forms

In this article i handpicked 10 jquery plugins for improving forms that i like the most, and i really hope you will like them too.

Masked Input Plugin

It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc).

Uploadify

Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website.

MyComment:It doesn’t refresh the current page to upload files, someone might call it Ajax Upload (but it is NOT, just looks like that). It’s my favourite plugin for that purpose.

FancyForm

FancyForm is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements.

MyComment:I know i am tired of those default checkboxes and radio buttons, and in my opinion something like this can improve the design. Great plugin, i’m thinking about changing those radio buttons in the Sidebar Poll.

Validation (by bassistance)

MyComment: Well, bassistance made it, it’s great. The next one is also their’s.

AutoComplete (by bassistance)

Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering.

MyComment: As a freelance web developer i use a lot of jQuery plugins for my clients websites, and i can freely say that i used this plugin in almost every project.

Autotab

Autotab 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. Likewise, clearing out the text field’s content by pressing backspace eventually places the focus on the elements previous target.

AJAX FANCY CAPTCHA

Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers.

MyComment: This is a great plugin… The regular captchas are becoming boring and bots are becoming smarter, this would kill 2 flies with one hit.

Elastic

This Jquery plugin makes your textareas grow and shrink to fit it’s content.

MyComment: When i need to write something in a textbox i want it to be fit my content, this plugin does that and it’s doing it perfectly.

Date Picker (jQuery UI)

The jQuery UI Datepicker is a highly configurable plugin that adds datepicker functionality to your pages. You can customize the date format and language, restrict the selectable date ranges and add in buttons and other navigation options easily.

Color Picker

A simple component to select color in the same way you select color in Adobe Photoshop

Final words

And those are the 10 best (in my opinion) jquery plugins that will help you make your forms sparkly…

Don’t Forget

If you want you can subscribe to TutsValley RSS Feed or follow us on Twitter to be informed when a new tutorial comes out. Thank you.