2016-08-01 155 views
0

這是我的HTML代碼 - 這裏的表單不起作用。請幫助制定JavaScript和HTML,以便通過單擊一次即可將這些表單提交到同一數據庫。如何使用JavaScript一鍵提交按鈕提交HTML中的兩個表單?

的JavaScript的按鈕:

<script> 
     submitBothForms = function() { 
     document.forms["userinfo"].submit(); 
     document.forms["userinfo1"].submit(); 
    } 
    </script> 
    <script> 
    clearForms = function(){ 
     document.forms["userinfo"].reset(); 
     document.forms["userinfo1"].reset(); 
    } 
    </script> 

HTML代碼,其中的形式和按鈕都存在這兩個按鈕清晰,保存代碼必須提交到一個PHP文件到一個單一的數據庫和單表。

     <div class="row">        
          <div class="col-sm-12"> 
           <div class="bill-to"> 
            <div class="step-one"> 
             <h2 class="heading">Add new Shipping address</h2> 
            </div> 
            <div class="form-one"> 
             <form action="userinfo.php" name="userinfo" method="POST"> 
               <input type="text" name="name" required placeholder="Name"> 
               <input type="email" name="email" required placeholder="Email"> 
               <input type="text" name="address1" required placeholder="Address 1"> 
               <input type="text" name="address2" placeholder="Address 2"> 
             </form> 
</div> 
           </div> 
           <div class="form-two"> 
            <form action="userinfo.php" name="userinfo1" method="POST"> 
             <input type="text" name="zip" required placeholder="Zip/Postal Code"> 
             <select> 
              <option>-- Country --</option> 
              <option>United States</option> 
              <option>Bangladesh</option> 
              <option>UK</option> 
              <option>India</option> 
              <option>Pakistan</option> 
              <option>Ucrane</option> 
              <option>Canada</option> 
              <option>Dubai</option> 
             </select> 
             <input type="tel" name="contact" required placeholder="Mobile Phone *"> 
             <button type="submit" class="btn btn-primary" style="margin-right: 15px;" onClick="submitBothForms()">Save</button> 
             <button class="btn btn-primary" onclick="clearForm()">Clear</button> 
            </form> 

           </div> 
          </div> 

         </div>  
+0

編輯問題時,會有一個預覽窗口向您展示問題的外觀。你可能已經注意到你的代碼沒有出現在你想要的任何地方 - 請在將來使用預覽窗口,以幫助你正確地獲得代碼格式。謝謝! – halfer

回答

0

您不能使用提交按鈕提交兩個表單。按鈕只能提交一個表單。使用ajax調用來提交表單,即給表單提交兩個ajax調用。

jQuery AJAX submit form

0

這簡直是不可能的,因爲每個fomrs將觸發一個rountrip /重裝。

相關問題