Question

我正在研究django + bootstrap模式，我正在将ModelForm渲染到模态对话框。

我面临的问题是，一旦我点击提交按钮就会关闭模态窗体，它会在模态窗体上显示错误，但它会关闭，并且当再次打开模态对话框时可以看到错误。

我没有使用任何javascript或jquery，我只是在django视图中使用html标签和处理帖子。

如果表单无效，请告诉我如何停止关闭对话框。

modaldialog_modelform.html：

此文件包含模式对话框的代码，其中包含从视图中呈现的表单。

<div class="modal fade in" id="NewRecordModalForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h3 class="modal-title" id="myModalLabel">Add New Transport</h3>
            </div>
            <div class="modal-body">
                <form action="" method="post">{% csrf_token %}
                    {% if form.errors %}<p class="form_field_error">Please correct the following fields</p>{% endif %}
                    {{ form|crispy }}
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <input type="submit" alt="Add Transport" value="Add Transport" class="btn btn-primary" />
            </div>
        </div>
    </div>
</div>

上面的对话框是从transport.html调用的，代码如下：

<a class="btn btn-primary btn-xs" data-toggle="modal" data-target="#NewRecordModalForm" data-backdrop="static">  
    <i class="fa fa-plus"></i>  
</a>

Answer 1

似乎页面只是重新加载并且在两种情况下都重新加载...你需要通过点击提交按钮向你的服务器发出ajax请求（javaScript代码），最简单的方法是使用jQuery jQuery AJAX submit form

django bootstrap模式表单关闭无效的表单数据

1 个答案: