Feature
Post

Category
Code


10 jQuery Scripts To Optimize Forms

Last week I posted HTML5 Forms Styled With CSS3. There you can find useful links on how to style your forms and add effects with HTML5 and CSS3. I mentioned that beside for old browser fall back you won’t need Javascript.

But if you want to optimize your forms and add more options, Javascript is still needed. We are talking about less common options(not standard in every form) such as adding extra fields, password validator, file upload, etc.
A lot of jQuery plug-ins have become obsolete due to HTML5 and CSS3, those are mostly look enhancing plug-ins and text placeholder, which is now standard in HTML.

I have chosen the more common optimization scripts and almost all are simple ones making it easier to implement in your design or to customize. Forms are a very integral part of online interaction, it is the interface from which all data is submitted. An usable and easy to use form is guaranteed to be used again by your users.

Turn any webform into a powerful wizard with jQuery

jQuery Forms

Collapser plug-in

jQuery Forms

Password Validation

jQuery Forms

Give Your Characters a NobleCount

jQuery Forms

Submit A Form Without Page Refresh

jQuery Forms

Simple Chained Combobox

jQuery Forms

Ajax Upload; A file upload script with progress-bar, drag-and-drop

jQuery Forms

Create a Progress Bar With Javascript

jQuery Forms

Date Range Picker using jQuery UI 1.7 and jQuery UI CSS Framework

jQuery Forms

jQuery Add/Remove Input Fields

jQuery Forms


  1. By Dan George posted on February 15, 2011 at 10:02 am
    Want an avatar? Get a gravatar! • You can link to this comment

    Great post, love it how these scripts can make a relatively boring process, quite an interesting experience for the user!

  2. By Ahmad Alfy posted on February 18, 2011 at 12:56 am
    Want an avatar? Get a gravatar! • You can link to this comment

    Pretty handy, Thanks a lot!

  3. By Qaiser posted on March 5, 2011 at 1:02 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    I love the password validation script and wants to integrate it with this design http://www.templatesrule.com/web-templates/view-template-3082.html i recently purchase. i will eventually convert this field into signup form. just wondering if its fully customizeable or not

  4. Trackback10 jQuery Scripts To Optimize Forms | Ben SlimaneHigh Quality HTML and CSS Templates | DevloungeMooTools Plug-ins for Javascript Die Hards | Devlounge