jQuery Wizard Form
Purpose
Demo
Turn a form into a wizard form. Wizard forms are broken up into several pages and follow a linear progression from one page to the next.Download
Download the plug-in here: http://plugins.jquery.com/project/WizardFormOptions
show: function(element) { }Calls the defined function whenever a page change occurs, passing a jQuery object referencing the new page as a parameter.prevnext: true|falseA boolean indicating whether or not previous and next buttons should be inserted into the form. By default, the buttons are added to the bottom of each page.submitpage: "#selector1,.selector2"A jQuery selector defining which pages should allow enter-key submission. By default, only pages which contain submit buttons are enter-key submittable.
Demo
A demo can be found here.
No TrackBacks
TrackBack URL: http://www.sagecraft-studios.com/mt-tb.cgi/8
Is there any way to link directly to a particular step of the wizard?
Better than linking to an individual wizard page, it would be really nice to configure paths for the wizard to take.
show: function(element)
{
if ($('#path1:checked').val()) wizard.page = X;
else wizard.page = Y;
}
Not exactly that but I think I suggested at least the idea.
Simplify it...
$('#path1').wizardPage('pageX'); $('#path2').wizardPage('PageY');
Try something like this for programmatically navigating to another page until I get something real written:
Pathing, while nice, is outside the scope of this plugin's built-in functionality and is not something I plan on doing. Trying to account for all of the implementation-specific things that could go on might be difficult and is probably better addressed at the implementation level. You could certainly do it with the code above and something like what you posted. If it goes anything beyond that, it might turn into a choose-your-own adventure book, though. :)
Hello
I tried this wizard but my submit button is not working.Can you please explain in detail how to configure submitpage .
Thanks
Ashish
Hello,
I really like the control works great except for one issue.
I'm trying to find out on the click event which table has been clicked.
I've attached the following event to wizard. It work although I can't decode the object which is returned to check which tab has been clicked.
$("form.wizard").click(function(element)
I want to perform validation on click next on the wizard for the particular wizard step. e.g customer validation etc.
can recommend how to solve this problem.
thanks
Nick