Question

我在同一个html文档上有两个bootstrap模式表单。

我想让这些表单独立工作，但form 1却没有提交并form2提交以两种形式输入的数据。

如何让这些表单独立工作而不会干扰操作彼此？

这是HTML：

<!------------------------form1----------------------------------->
<div class="modal fade" id="register" tabindex="-1" role="dialog" aria-labelledby="orderLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="panel-title" id="registerLabel"><span class="glyphicon glyphicon-info-sign"></span> Register</h4>
                    </div>

                    <form id="form1" action="register.php " method="post" accept-charset="utf-8">
                    <div class="modal-body" style="padding: 5px;">




                           <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12" style="padding-bottom: 10px;">
                                    <input class="form-control" name="name" placeholder="Name" type="text" required />
                                </div>
                            </div>
                            <div class="panel-footer" style="margin-bottom:-14px;" data-target="form1"  >
                            <input type="submit" class="btn btn-success" value="Send"/>
                                <!--<span class="glyphicon glyphicon-ok"></span>-->
                            <input type="reset" class="btn btn-danger" value="Clear" />
                                <!--<span class="glyphicon glyphicon-remove"></span>-->
                            <button style="float: right;" type="button" class="btn btn-default btn-close" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
   <!------------------------form2----------------------------------->
<div class="modal fade" id="buy" tabindex="-1" role="dialog" aria-labelledby="buyLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="panel-title" id="buyLabel"><span class="glyphicon glyphicon-info-sign"></span> Buy</h4>
                    </div>

                    <form id="form2" action="buy.php " method="post" accept-charset="utf-8">
                    <div class="modal-body" style="padding: 5px;">




                           <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12" style="padding-bottom: 10px;">
                                    <input class="form-control" item="item" placeholder="Name" type="text" required />
                                </div>
                            </div>
                            <div class="panel-footer" style="margin-bottom:-14px;" data-target="form1"  >
                            <input type="submit" class="btn btn-success" value="Send"/>
                                <!--<span class="glyphicon glyphicon-ok"></span>-->
                            <input type="reset" class="btn btn-danger" value="Clear" />
                                <!--<span class="glyphicon glyphicon-remove"></span>-->
                            <button style="float: right;" type="button" class="btn btn-default btn-close" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>

Answer 1

我看不到表格在某处结束。

请在开始另一个之前关闭表格，以便它独立。

如何使两个bootstrap模态表单独立提交？

1 个答案: