Wie schicke ich zwei Formulare in HTML mit einem Klick der Schaltfläche "Senden" mit JavaScript?

Question

Dies ist mein HTML-Code - die Formulare in diesem funktionieren nicht. Bitte helfen Sie, das JavaScript und das HTML zu erarbeiten, um diese Formulare mit einem einzigen Klick an dieselbe Datenbank zu senden.

JavaScript für die Tasten:

<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-Code, wo die beiden Formen und die Tasten bestehen sowohl die Tasten sind klar und der Code speichern muss auf eine einzige Datenbank zu einer einzigen PHP-Datei eingereicht werden und Single Tabelle.

     <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>  

Answer 1

Sie können zwei Formulare nicht senden, indem Sie die Schaltfläche Senden verwenden. Mit dem Button kann nur ein Formular eingereicht werden. Verwenden Sie einen Ajax-Aufruf, um das Formular zu senden, d. H. Geben Sie zwei Ajax-Aufrufe für das Senden des Formulars an.

jQuery AJAX submit form

Answer 2

das ist einfach nicht möglich, da jede Ihrer fomrs einen rountrip/reload auslösen.