Bootstrap 模态内的简单提交表单

Question

我有一个简单的表单，我在模式中显示它。当我想提交它时，它确实以某种方式提交并重新加载页面，但表单没有提交到 "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>

Answer 1

我学会了在提问之前做更多的研究。如果任何人出于任何原因运行遇到与我相同的问题，只需确保代码中的 action="" 部分正常工作即可。我把我的动作改成了google.com，结果居然变成了google。也许是新手错误，但我认为这是一个 bootstrap 模态问题。

Answer 2

您应该在第二行添加 @csrf，如下所示：

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

Bootstrap 模态内的简单提交表单

Bootstrap simple submit form inside modal

modal-dialog

submit

twitter-bootstrap