在jquery上逐步创建表单的附加步骤

Question

我一直在使用以下jquery模板作为我当前工作的分步表单。只是想知道如何添加额外的一两步，因为现在它只给了我三步。

可在此处找到工作演示：

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

提前致谢。

Answer 1

在这里：http://jsfiddle.net/xSkgH/9/

只需在与#first-step相同的级别添加另一个div（例如<div id="third-step">）并在JavaScript中添加验证块：

else if( whichStep == 'third-step' ) {
    // validate third-step
}

Answer 2

这里有一个更多的例子：

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

你必须添加：

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
                    }
    ....

并且每个步骤都相同

Answer 3

把这个：

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

    *stuff*

    </div> <!-- end third-step -->

在第二步之后和最后一步之前。

在javascript中执行相同的操作：

else if( whichStep == 'third-step' )
                {
                    // validate third-step
                }

http://jsfiddle.net/xSkgH/10/