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
Collapser plug-in
Password Validation
Give Your Characters a NobleCount
Submit A Form Without Page Refresh
Simple Chained Combobox
Ajax Upload; A file upload script with progress-bar, drag-and-drop
Create a Progress Bar With Javascript
Date Range Picker using jQuery UI 1.7 and jQuery UI CSS Framework
jQuery Add/Remove Input Fields
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!
Want an avatar? Get a gravatar! • You can link to this comment
Pretty handy, Thanks a lot!
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