合併多個表單數據

Question

我正在用django創建信用卡付款頁面。用戶可以選擇填寫信用卡信息或使用先前輸入的卡。但用戶必須選擇一個位置。

有沒有辦法創建表單，所以我不必有2個單獨的位置「選擇」按鈕？

HTML：

<h1>Charge $10 with Stripe</h1> 
    <!-- to display errors returned by createToken --> 
    <span class="payment-errors"></span> 
    <form action="" method="POST" id="payment-form"> 
     {% csrf_token %} 

     {% if not user.is_authenticated %} 

     <div class="form-row"> 
      <label>Full Name</label> 
      <input type="text" size="30" autocomplete="off" name="fullname" /> 
     </div> 
     <div class="form-row"> 
      <label>Email</label> 
      <input type="text" size="30" autocomplete="off" name="email" /> 
     </div> 
     <div class="form-row"> 
      <label>Phone</label> 
      <input type="text" size="11" autocomplete="off" name="phone" /> 
     </div> 

     {% endif %} 
     <label>Location</label> 
     <select name="location"> 
     <option value="muir">Muir</option> 
     <option value="erc">ERC</option> 
     <option value="marshall">Marshall</option> 
     <option value="warren">Warren</option> 
     <option value="revelle">Revelle</option> 
     <option value="sixth">Sixth</option> 

     </select> 

     <div class="form-row"> 
      <label>Card Number</label> 
      <input type="text" size="20" autocomplete="off" class="card-number" /> 
     </div> 
     <div class="form-row"> 
      <label>CVC</label> 
      <input type="text" size="4" autocomplete="off" class="card-cvc" /> 
     </div> 
     <div class="form-row"> 
      <label>Expiration (MM/YYYY)</label> 
      <input type="text" size="2" class="card-expiry-month"/> 
      <span>/</span> 
      <input type="text" size="4" class="card-expiry-year"/> 
     </div> 
     {% if user.is_authenticated %} 
     <input type="checkbox" name="save_card_info" value="yes"/> Save this card </br> 
     {% endif %} 
     <button type="submit" class="submit-button">Submit Payment</button> 
    </form> 

    {% if user.is_authenticated and user.get_profile.stripe_customer_id %} 
    </br> 
    OR: 
    </br> 
    </br> 
    Use card ending with: 4343 
    <form action="" method="POST"> 
     {% csrf_token %} 

     <label>Location</label> 
     <select name="location"> 
     <option value="muir">Muir</option> 
     <option value="erc">ERC</option> 
     <option value="marshall">Marshall</option> 
     <option value="warren">Warren</option> 
     <option value="revelle">Revelle</option> 
     <option value="sixth">Sixth</option> 
     </select> 
     </br> 
     <input type="hidden" name="action=" value="pay_saved_card"/> 
     <button type="submit">Submit Payment</button> 

    </form> 
    {% endif %} 
</body> 

Answer 1

你可以在相應的表單提交事件處理程序（使用jQuery的時候可能很容易）檢索通過JavaScript選定的位置。