帶轉換輸入字段的HTML單頁着陸頁

Question

我的着陸頁有兩個步驟（一個用於從下拉菜單中選擇一個選項並按'發送'，另一個用於輸入電子郵件並按'發送'）。這些步驟似乎受到javascript或html5的控制，這是我不習慣的。我需要爲系統添加第三個「步驟」。

以下是網站鏈接：您將看到，在選擇答案並在電子郵件字段中輸入內容後，您將回到第一個選擇。

的index.html中的代碼段顯示爲：

'<!-- Step 1 --> 
     <div class="steps step-1"> 
      <p>STEP 1: Answer this question</p> 
      <form action="#" method="post"> 
       <div class="select-holder"> 
        <label>Who is giving this away the awesome thing that you're about to download?</label> 
        <div class="select-wrap"> 
         <select name="" > 
          <option selected="selected" value="Select Your Answer">Select Your Answer</option> 
          <option value="LeadBrite, Duh!">LeadBrite, Duh!</option> 
          <option value="Lady Gaga">Lady Gaga</option> 
          <option value="Santa Claus">Santa Claus</option> 
         </select> 
        </div> 
       </div> 
       <input type="submit" value="Submit Answer" class="submit-button" /> 
      </form> 
      <div class="contest-ends"> 
       <p><span>Contest Ends</span></p> 
       <p>Month 00, 00:00 AAA</p> 
      </div> 
     </div> 
     <!-- END Step 1 --> 
     <!-- Step 2 --> 
     <div class="steps step-2"> 
      <p>STEP 2: Your details</p> 
      <form action="#" method="post"> 
       <input type="text" class="field" value="Enter your email address" title="Enter your email address" /> 
       <input type="submit" value="Send" class="send" /> 
      </form> 
      <div class="contest-ends"> 
       <p><span>Contest Ends</span></p> 
       <p>Month 00, 00:00 AAA</p> 
      </div> 
     </div> 
     <!-- END Step 2 -->' 

正如我所說的，我想添加一個第三步，但我不知道如何前進。源文件包括一個HTML5文件和其他我認爲我必須連接第3步才能正常運行的文件。

我很感激任何幫助。謝謝。

Answer 1

希望通過創建一個樣本來簡化這個工作。如果您退房http://jsfiddle.net/fgAUQ/，您可以在電子郵件問題中看到表單正在收聽提交。

$(document).on('submit', 'form', function (e) { 
    // Check email address 
    // if email address ok 
     $('.step-2').hide(); 
     $('.step-3').fadeIn(800); 
     e.preventDefault(); 
    // else 
     // alert 
     // e.preventDefault(); 
    // end if 
}); 

您仍然需要通過存儲/處理電子郵件和處理表單上傳來遵循這一點。