在jquery上创建额外的步骤逐步形式

Question

我一直在使用下面的jQuery模板作为一步一步的形式为我目前的工作。只是想知道如何添加额外的一两步，因为现在它只给了我三个步骤。

的工作演示可以在这里找到：提前

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

感谢。

Answer 1

这里有一个例子步骤更多：

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 2

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

而就在同一水平再添格为#first-step（例如<div id="third-step">），并添加JavaScript中的验证模块：

else if(whichStep == 'third-step') { 
    // validate third-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/