10 great jQuery Form plugins
jQuery is one of my favorite javascript client library. We can do more with writing minimal code. Nearly in every project I need to style up web forms or create rules for validation on form elements. Without jQuery it was very harder and longer way to do by writing a lot of lines of code. jQuery solve this as there are many useful form plugins I can use and enhance my web forms easily. Some of those plugins are reviewed as below.
-
jQuery Form Plugin
One of my favorite and I use this plugin nearly in every project. It makes the form processing easier and sometimes when I need to submit forms via ajax, it also helps. You can interact with fields easily by a single form element, serialize form and fields. Its two main methods are ajaxForm and ajaxSubmit. Because this plugin was built specially for submitting forms via ajax. But We can even do more than it. Checkout Demos & Download it
-
jNice - Cool jQuery customized Forms
Everyone love to style up the normal html web forms. This is not an easy job but with jQuery and jNice plugin it is. Checkout a demo of jNice and you’ll see how easy it can be to styleup the rough and simple html forms into beautiful web forms, checkboxes, input elements and selectboxes.
-
jQuery Field Plugin
This is also a great plugin to interact with form fields easily. Instead of doing normal jQuery way val() you can get values of similar group fields. You can set and get values from fields easily with a lot of variations of jQueryField functions. Check out Documentation
-
jQuery Checkboxes (Customized checkboxes with images)
One of coolest checkbox plugin. You can customize the look and feel of checkbox elements with images instead of normal ticks. Check out Demo and Download it
-
Add to List (Select box plugin)
With this plugin, you can dynamically add new elements to your dropdown select box easily. When you’ll drop in select box, it will display a text box for label and value to add new elements to your list. View demo
-
Ajax File upload Plugin
Upload your files using this plugin and without refreshing the forms. This ajax file upload plugin will also customize the regular html upload field into any icon of your choice. Checkout a Demo - Download Plugin
-
Ajax Multiple Image upload Plugin
Another great uploading plugin when you need to provide multiple image uploading facility in your projects. This plugin can also create thumbnails and show your images in a list view. And can also delete the uploaded images from the list right on place. Check a Demo OR Download this plugin
.
-
amSelect Plugin (Alternative Selectbox Plugin)
The best plugin for selectbox control. It can allow users to select multiple values from a drodown box and then display them in a drag and drop list. users can re-arrange their selected values. Check a demo or download this plugin.
-
Autogrow textareas
Tired of viewing the scrollbars on your textarea controls? Use this autogrow textarea jquery plugin to automatically increase the height of your textarea control whenever text increases to their orignal height. Check their Demo or Download plugin
.
-
Checkbox Manipulation Plugin
Manipulate checkboxes with easily available functions. You can toggle, check, uncheck and verify checkbox state easily. Checkout a demo and documentation
Related posts
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Comments
Yes thats correct but you can always configure it on your needs. I think you may have viewed the demo and I know they do not upload any file in their demo. Try it with your localhost or your server and see if it works.
Thanks for these sample jQuery plugins -
I will try and use some of them in my little tutorial to see how it goes.
Nice blog BTW 
[...] certain requirements, such as password strength, or if something is a valid email or URL.Example: 10 Cool jQuery Form Plugins6. Chat Rooms And Instant Messaging Chatting online has come a long way from the days of IRC. Chat [...]
except closing queries...
I dont like the “Ajax File upload Plugin” file because after you upload an image as an example it doesnt display the image after it was uploaded. It just shows a javascript message stating that it was uploaded..