以兩種形式發佈數據，第一種形式直到第二種填寫後才發送任何數據

Question

基本上我有兩種形式。我想讓註冊用戶填寫第一批信息。按下（提交），然後填寫第二批信息。一旦他們按下注冊，提交兩組POST信息。

什麼我是這樣的 - 兩個部分有兩種不同的形式（也就是爲什麼這些被分爲兩種形式有原因的 - 該網站的外觀的一部分）：

<section class="first"> 
    <header> 
     <h1>Signup 1/2</h1> 
    </header> 
     <form id="firstForm"> 
      <label>First Name</label> 
      <input type="text" class="input-text" value="" name="firstName" required /> 
      <label>Surname</label> 
      <input type="text" class="input-text" value="" name="Surname" required /> 
      <label>Username</label> 
      <input type="text" class="input-text" value="" name="Username" required /> 
     <input type="submit" name="firstSubmit" value="next"/> 
     </form> 
</section> 
<section class="second"> 
    <header> 
     <h1>Signup 2/2</h1> 
    </header> 
     <form name="secondForm" class="clearfix"> 
      <label>Your Email</label> 
      <input type="email" class="input-text" value="" name="email" required /> 
      <label>Password</label> 
      <input type="text" class="input-text" value="" name="password" required /> 
     <input type="submit" name="secondSubmit" value="Register" /> 
     </form> 
</section> 

所以第二部分被隱藏直到用戶點擊下一個按鈕（提交）。我有JavaScript停止提交，並隱藏第一部分，並使第二個出現：

<script type="text/javascript"> 
$("#firstForm").bind("submit", nextForm); 
function nextForm() { 
    $('.first').css("display", "none"); 
    $('.second').css("display", "block"); 
    return false; 
} 

這個工程。 然後我的問題是讓secondForm提交，但POST第一和第二的信息，就像用一個提交按鈕，我提交兩個。這可能嗎？如果是這樣，怎麼樣？

要使用GET方法，我會去：

$("#secondForm").bind("submit", submitForm); 
function submitForm() { 
    document.getElementById("firstForm").submit(); 
    document.getElementById("secondForm").submit();   
} 

但我不想這樣做，因爲GET =敏感信息是一個壞主意。

Answer 1

我會使用一種形式，但在div中包裝兩組輸入。只需隱藏第一個div並在第一個按鈕上單擊（不會保留爲提交按鈕）顯示第二個div，然後在第二個按鈕單擊時提交整個表單。