enavu webdevmania tutsvalley psdestination
visit the enavu network
10 Comments Article Title Overlay Article Title

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.

DZoneDiggDesign FloatDeliciousBlinklistRedditFacebookGoogle BuzzTwitterStumbleUponTumblrShare

Masked Input Plugin

1

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

2

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

3

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)

4

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


AutoComplete (by bassistance)

5

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

6

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

7

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

8

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)

9

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

10

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.

Related posts:

  1. 11 menu and navigation jquery plugins you don't want to miss
  2. Advanced jQuery Placeholder Plugin (cross-browser support)
  3. 10 Extremely Useful Wordpress Plugins
  4. Create an AMAZING contact form with no ready made plugins.
  5. 10 best jQuery gallery and slider plugins

Slobodan Kustrimovic

This author has yet to fill his BIO.

Did you absolutely LOVE this article... share it!

Comments

  • Very nice pack to improve our forms :P

  • Great list of plugins. These could definitely come in handy someday.

  • Great Pack thanks !

  • Very nice tutorial, keep postin’ ^^

Leave your own!

Sponsors

freedcamp free project management

Popular Articles

fzilla file hosting