2016-08-01 171 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 /重装。

相关问题