Jonathan Smithjon@avenxo.com
Progress
Bandwidth
50%
Storage
25%
  1. Home
  2. Advanced Forms
  3. Form Wizard

jQuery Stepy Form To Wizard

Turn any long form into a wizard by breaking it into fieldsets. Wizards allow users to follow a progression and increase engagement by making seemingly longer tasks smaller.

Simple Wizard

You can turn any simple form into a wizard with just one line of code! See it in action...

No Validation
Just Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, quis autem deleniti animi eum a eaque sint voluptatibus labore possimus accusantium molestias magnam cum officiis qui neque minima assumenda facere aut repellat delectus. Soluta incidunt pariatur natus voluptatum voluptatibus culpa blanditiis. Inventore, repellendus, at veniam magnam quisquam necessitatibus modi est qui deserunt. Dicta, excepturi, iusto, maiores perferendis rem officiis est voluptas possimus laudantium fugit veritatis!

By clicking Finish you agree that you accept the Terms & Conditions 

<form id="basicwizard">               <fieldset title="Step 1">                       <legend>No Validation</legend>                      ...             </fieldset>               <fieldset title="Step 2">                       <legend>Just Text</legend>                  ...             </fieldset>       </form>

Wizard with Validation

The wizard has jQuery Validation plugin support built-in. All you need to do is turn on the validate: trueoption on and you instantly have a wizard with form validation!

Registration
Personal Data
Preview

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, nemo, atque consequuntur officiis asperiores consectetur porro labore commodi esse error quisquam nihil illum sunt facere inventore possimus autem ab voluptates quibusdam non voluptatum suscipit architecto. Illo, facilis, corporis, veritatis dolores minus quasi iure cupiditate quis autem ducimus nisi obcaecati tenetur sed ea excepturi pariatur consequatur enim labore officia mollitia. Rerum, voluptatem numquam molestiae recusandae iusto ipsum inventore unde accusantium labore delectus? Doloremque, fugit, sunt libero laboriosam cupiditate sed sequi nostrum saepe. Mollitia, alias, expedita accusantium porro error autem dolore veniam commodi nesciunt provident vitae neque. Nostrum, sed, molestias itaque provident inventore natus animi quasi laborum laboriosam facere ratione aperiam iusto. Non ducimus facere sunt doloribus? Asperiores, natus distinctio quis iure!

Demo Settings
Fixed Header
Boxed Layout
Collapse Leftbar
Topnav
Sidebar