Question

这是我的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>

Answer 1

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

jQuery AJAX submit form

Answer 2

这根本不可能，因为你的每个fomrs都会触发rountrip / reload。

如何使用JavaScript单击提交按钮以HTML格式提交两个表单？

2 个答案: