jQuery wizard form

| 5 Comments | No TrackBacks

One of my projects needed a wizard form. Being the jQuery fanboy that I am and given that I couldn't find any existing wizard form plugins for jQuery, I made my own! You can check it out here: http://plugins.jquery.com/project/WizardForm

It's not what I would consider finished, but it works if you need a quick form and don't mind dealing with my markup choices. It behaves sort of like the jQuery tabs plugin, so if you have used that, you should be able to get started fairly quickly.

No TrackBacks

TrackBack URL: http://www.sagecraft-studios.com/mt-tb.cgi/4

5 Comments

Thanks for this nice demonstration. It will be great if you add go-back functionality to Wizard link. So this will help users to navigate steps in between.

Could you help to do that?

I'm not really sure what you mean by this. Each step of the wizard has a link, and each page has the option of containing prev/next buttons.

Would it be possible to link directly to a specific step? How would I go about doing this?
Awesome job!

For now, this example will work for navigating to the third page of a wizard form:


$('a[href="#ThirdPage"]').trigger('click');

This is a good feature idea and something I will implement soon. Thanks!

How difficult would it be to add some hooks for functions like beforeNext or beforePrev? I am wanting to add ajax form submission as a user navigates the wizard to save changes as the move through the wizard pages.

Powered by Movable Type 4.21-en

Recent Comments

  • steve longdo: How difficult would it be to add some hooks for read more
  • glompix: For now, this example will work for navigating to the read more
  • MJ: Would it be possible to link directly to a specific read more
  • glompix: I'm not really sure what you mean by this. Each read more
  • jonyfood: Thanks for this nice demonstration. It will be great if read more