如何用JavaScript一键提交两个表单？

Question

这是我的HTML代码-其中的表单无法工作。请帮助制定的JavaScript和超文本标记语言，以提交这些表单的一次点击到同一数据库。

按钮的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>       

Answer 1

您不能使用提交按钮提交两个表单。该按钮只能提交一个表单。使用ajax调用提交表单，即为表单提交提供两个ajax调用。

jQuery AJAX submit form

Answer 2

这根本是不可能的，因为你的每个fomrs都会触发一个往返/重新加载。