Question

I’ve been using the following jquery template as a step by step form for my current work. Was just wondering how I could add an extra step or two because right now it only gives me three steps.

A working demonstration can be found here:

http://jsfiddle.net/xSkgH/5/

Thanks in advance.

Answer 1

Here you have an example with one step more:

http://jsfiddle.net/xSkgH/8/

You have to add:

HTML

<div id="third-step">
    <h2>Third Step</h2>
    <div class="label"><label for="Site">Site</label></div>
            What you want...
</div>

JS

    ....
    else if( whichStep == 'second-step' )
                    {
                        // validate second-step
                    }
//this -->
                    else if( whichStep == 'third-step' )
                    {
                        // validate third-step
                    }
//this -->
                    else if( whichStep == 'last-step' )
                    {
                        // validate last-step
                    }
    ....

and the same for each step you want