WebAppers

/ best free open source web resources /

Shopify

How to Turn Long Web Form into a Wizard with jQuery

Posted · Category: Forms, License Free

If you would, for whatever reason, have a large webform all fields should be semantically divided into fieldsets. Each fieldset would clearly describe each group of fields.

So, we can say that each group of fields represent a sub task of a larger task – filling the entire web form. Thus, each sub task can become a step with a description, input fields and navigation that is common for wizard forms – back and next. The entire process can be done in several simple steps.

This detailed tutorial will show you how to turn long webform into a wizard with jQuery. A plugin is also available for download.

form-wizard

Requirements: jQuery Framework
Demo: http://www.jankoatwarpspeed.com/examples/webform_to_wizard/
License: License Free

9 Comments
  • http://ekoma.lt Juras

    This is great, going to use in future projects. Thanks :)

  • http://www.designfollow.com designfollow

    thank for the link

  • http://www.djalmaaraujo.com.br/ Djalma Araújo

    r0x.

  • http://www.entersolutions.co.za/ Enter Solutions

    Just what I needed. Thanks

  • http://www.sedat.web.tr Sedat Kumcu

    Simply and useful. Thanks for this sample.

  • Colin

    Thank u very much :)
    Im really excited about this site.

    YOU ARE THE BEST!!!!

  • http://fedmich.com/life fedmich

    I’ve already been using this before and this is great and useful alright :)

  • Pingback: | CssGalleries

  • Pingback: Jquery Link Compilation | CssGalleries

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons