如何使两个引导模态表单独立提交？答案

【问题标题】：How to make two bootstrap modal forms submit independently?如何使两个引导模态表单独立提交？
【发布时间】：2014-03-11 00:25:46
【问题描述】：

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

我想让这些表单独立工作，但是，form 1 没有 submit 和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>

【问题讨论】：

你的
标签在哪里结束？我只能看到开始标签。
请不要链接到将来很可能会发生变化的网站，或者链接更改会导致死链接，因为这对未来可能遇到类似问题的用户没有用处。将相关代码添加到问题中，并在可能的情况下添加 jsFiddle（或类似名称）来演示问题。
如果有任何额外的相关代码要添加，请添加您的HTML，即：脚本，将它们添加到问题中。

标签： html forms twitter-bootstrap

【解决方案1】：

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

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

【讨论】：