15+ Excellent jQuery Plugins To Enhance HTML Forms
May 6th, 2009 - 13 Comments »
QuickSelect adds auto suggest type drop down functionality to textbox. It is very easy to integrate into your application and can work with a server side script using JSON. It can also convert a select box into auto suggesting dropdown textbox.
This plugin turns existing select boxes into combination of text input and select list so that user can start typing into combobox to select an option.
This plugin makes sure that checkboxes and radio button look the same in different browsers.
If you need to accept range of dates from user, then this plugin is indispensable as it provides user with an intuitive way to select dates and date ranges.
If you just need to input a single date and not range of dates, then use this plugin as it makes inputting dates much easier for the user.
Modal Preview lets users preview what they have entered into the textarea in a modal window. You can adjust the animation, opacity and set whether html is allowed in textarea or not.
Unlike text input box, textarea does not provide an option to limit the number of characters that can be typed into it, but with this plugin, you can limit the number of characters that can be input to textarea. Using it is quite simple, just a single line will do.
With this plugin, you can create some great looking select boxes, as it allows you to add images next to each option of select box or you can even use only images as the select box options.
This plugin makes height of textareas dynamic based on length of the text entered into textarea.
10. Textarea Resizer
With this plugin, you can let users resize the textareas used within forms, similar to the functionality that Google Chrome offers.
11.Mark It Up
With MarkItUp, you can convert textareas into powerful HTML, BBCode or Wiki editor. With just one line of code, your textarea will become a full fledged editor.
As its name suggests, it is an extremely light weight jQuery plugin that can convert a textarea into a decent rich text editor.
Using this plugin, you can ajaxify any HTML form. It provides you with full control over how form data is submitted and how to handle response from the server.
The jQuery Validation plugin lets you easily define validation rules for form elements and it makes sure user only enters the correct input data. It can easily integrate with jQuery Forms plugin if you wish to use ajaxified forms.
15. Chained combobox
With this plugin, you can create stunning ajaxified chained select boxes using ajax call back and JSON response from the server.
This plugin is very useful in case you need to input color values from user. It adds a drop down color picker to a simple text box that pops up when user places cursor in textbox or clicks on the icon next to textbox.
If you would like to add some other useful jQuery plugin to this list, feel free to share them in comments below.
Subscribe to Full RSS Feed
If you found this article useful, then consider subscribing to our RSS Feed or e-mail updates to stay updated with latest Web Design/ Development articles. You can also follow @webdevplus on twitter for latest updates.