django表单提交后触发引导模式

提交 django 表单后如何触发弹出引导模式？

在我的 index.html 模板中，我有一个像这样的标准外观模式

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
              ...
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              <button type="button" class="btn btn-primary">Save changes</button>
            </div>
          </div>
        </div>
      </div>

下面在同一个index.html中我有一个django表单

  {{ form.non_field_errors }}
                {% csrf_token %}
                    <ul id="robul">
                      <div class="form-group">
                        <div class="col-xs-6">
                        <li id="name" name="{{ form.name.name }}" class="form-control">{{ form.name }}</li>
                        </div>
                      </div>
                      <div class="form-group">
                        <div class="col-xs-6">
                        <li id="email" class="form-control">{{ form.email }}</li>
                      </div>
                    </div>
                      <div class="form-group">
                        <div class="col-xs-6">
                        <li id="contactmessage" class="form-control">{{ form.contactmessage }}</li>
                      </div>
                    </div>
                    </ul>

在我的 view.py 中，它看起来像这样：

if request.method == 'POST':
        form = forms.FormName(request.POST)

        if form.is_valid():
            contact_name = request.POST.get(
                'name', '')
            contact_email = request.POST.get(
                'email', '')
            form_content = request.POST.get('contactmessage', '')

            template = get_template('contact_template.txt')
            context = {'name': contact_name,
            'email': contact_email,
            'contactmessage': form_content,}
            content = template.render(context)
            mail = EmailMessage("New contact form submission", content, "Some Name" +'', ['[email protected] /cdn-cgi/l/email-protection'],
            headers = {'Reply-To': "[email protected] /cdn-cgi/l/email-protection" })
            mail.send()
    return render(request, 'index.html', {'form': form})

触发它的模态和 JS 代码与 Django 表单提交代码处于不同的上下文中。渲染'index.html'当您从表单提交返回时基本上是全新的，因此它本质上相当于在页面加载时显示模式。但是，也许您只想在成功提交后显示它。您需要做的是使用一些 JS 代码来显示页面加载时的模式，并在模板渲染上下文中添加一些内容来有条件地渲染它。这就是我的想法：

In index.html:

{% if successful_submit %}
    <script type="text/javascript">
        $(document).ready(function(){
            $("#exampleModal").modal('show');
        });
    </script>
{% endif %}

在您的视图函数中，添加successful_submit返回的上下文变量：

return render(request, 'index.html', {'form': form, 'successful_submit': True})

现在<script>仅在以下情况下才会呈现标签successful_submit is True，只有在表单成功后才会设置POST.