15+ Excellent jQuery Plugins To Enhance HTML Forms

1.QuickSelect

quickselect 

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.

2. SexyCombo

Sexy Combo

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.

3. prettyCheckboxes

prettyCheckboxes

This plugin makes sure that checkboxes and radio button look the same in different browsers.

4. jQuery Date Range Selector

Date Range Selector

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.

5. jQuery Date Picker

Date-Picker

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.

6. Modal Preview

Modal-Preview

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.

7. Text Input Limiter

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.

jQuery("textarea").textlimit('span.counter',20);

8. Javascript Image Combo Box

Javascript-Image-Dropdown

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.

9. prettyComments

prettyComments

This plugin makes height of textareas dynamic based on length of the text entered into textarea.

10. Textarea Resizer

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

MarkItUp

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.

12. Damn Small Rich Text Editor

Damn Small rich Text Editor

As its name suggests, it is an extremely light weight jQuery plugin that can convert a textarea into a decent rich text editor.

13. jQuery Forms Plugin

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.

14. Validation

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

Chained Select-Boxes

With this plugin, you can create stunning ajaxified chained select boxes using ajax call back and JSON response from the server.

16. jQuery Color Picker

jQuery-Color-Picker

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.

Create Post Only For Your RSS Subscribers in WordPress

Apr 29th, 2009 In Wordpress

To benefit their regular readers, blog owners some times need to create posts only for those who subscribe to their RSS Feed. The benefit might be some promotional scheme, freebies or discount announcement that you only want to provide to your regular RSS subscribers. Here’s how to do it if you have a WordPress powered […]

How to Mask Input with jQuery?

Apr 8th, 2009 In jQuery

Sometimes you need user to input data in a particular format like a credit card number or Social Security Number or a standard US phone number. By masking input of a particular textbox, you can change its behavior so that it accepts input only according to specified format, e.g. an input masked credit card number […]

Create Thumbnail Images with Rounded Corners

Mar 27th, 2009 In PHP

If you have been using Facebook, then you might have noticed thumbnail images with rounded corners in new Facebook homepage. If you would like to have similar effect for thumbnails in your application, then here’s a quick and easy way to do it. We’ll be using phpThumb, the open source PHP script to generate thumbnails […]

Add Dynamic Scroll to Top Button to Your Web Pages

Mar 17th, 2009 In jQuery

While reading lengthy web pages, readers often look for a link that’ll take them back to the top of the page without having to scroll upwards. Here’s a nice jQuery plugin that’ll add a dynamic Scroll To Top link to your web pages. It is dynamic in the sense that it won’t show up when […]

Page 8 of 9« First...56789