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.