jqueryの追加ステップをステップ形式で作成する

Question

私は、現在の作業のステップバイステップフォームとして次のjqueryテンプレートを使用しています。ちょうど私が余分なステップを2つ加えることができるかどうか疑問に思っていました。今はそれが私に3つのステップを与えてくれるからです。

作業デモはここで見つけることができます：事前に

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

感謝を。ここで

Answer 1

あなたは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/

だけ（たとえば<div id="third-step">用）#first-stepと同じレベルに別のdivを追加し、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/