模态内部的Bootstrap简单提交表单

时间:2016-02-15 16:36:06

标签: twitter-bootstrap modal-dialog submit

我有一个简单的表单,我在一个模态中显示。当我想提交它时,它会以某种方式提交并重新加载页面,但表单并未提交给" example.php"。我试图在任何地方放置表格开头标签,但它没有帮助。我只想要一个简单的提交,没有任何幻想与ajax或任何东西。我在这里缺少什么?

<form method="post" action="example.php">
<div class="modal fade" id="exampleFormModal" aria-hidden="false"
     role="dialog" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="exampleFormModalLabel">Example Modal</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                        <div class="col-lg-4 form-group">
                            <input type="text" class="form-control" name="name" placeholder="Name">
                        </div>
                        <div class="col-sm-12 pull-right">
                            <button class="btn btn-primary btn-outline" type="submit">Submit</button>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>
</form>

2 个答案:

答案 0 :(得分:0)

在提出问题之前,我学会了做更多的研究。如果任何人出于任何原因遇到与我相同的问题,请确保代码中的action=""部分正常运行。我将我的操作更改为google.com,它实际上是google。也许是菜鸟错误,但我认为这是一个自助模式问题。

答案 1 :(得分:0)

您应在第二行中添加@csrf,如下所示:

<form method="post" action="example.php">
@csrf
<div class="modal fade" id="exampleFormModal" aria-hidden="false"