在模態彈出窗口中提交 Django 表單

Question

我在模態中呈現我的表單：

看法：

@login_required
def task_edit(request, pk):
    member = get_object_or_404(Tasks, pk=pk)
    if request.method == "POST":
        form = TasksForm(request.POST or None, instance=member)
        if form.is_valid():
            reg = form.save(commit=False)
            reg.save()
            return HttpResponse(
                '<script type="text/javascript">window.close();</script>')
    else:
        form = TasksForm(instance=member)
    return render(request, 'TaskProj/task_edit.html', {'form': form})

我的 html 在模態彈出窗口中呈現：

{%load staticfiles %}
 <div class="row">
             <div class="col-lg-12">
                  <div class="panel">
                <div class="content-box">
    <h3 class="content-box-header bg-primary">

                         <span class="icon-separator">
                                <i class="glyph-icon icon-tasks"></i>
                            </span>
                       <span class="header-wrapper">
 Eidt Tasks                      </span>

                      </span>

                        </h3>
    <div class="panel">
<div class="panel-body">
    <form method="POST" id="form" class="form-horizontal bordered-row" autocomplete="off">
        {% csrf_token %}
            <div class="example-box-wrapper">
                <div class="form-group">
                    {{ form.as_p }}
                </div>
             </div>
      <button type="submit" class="btn btn-primary btn-lg btn-block">Salva</button>
       </div>
    </div>
    </form>
<script type="text/javascript">
$(document).on('click','.submit',function(){
    $( "#form" ).submit();
});
</script>
{% endblock %}

此表單呈現在模態彈出窗口中。 我嘗試保存，它關閉模態但不保存表單。 我認為提交按鈕有問題......知道嗎？ 泰

Answer 1

您需要聲明一個帶有 url 的 action 屬性，用於處理 views.py 中的特定表單的函數。 以便表單知道去哪里並進行處理：

 <form method="POST" id="form" class="form-horizontal bordered-row" action="{% 'task_edit' your-object.pk %}" autocomplete="off">
        {% csrf_token %}
            <div class="example-box-wrapper">
                <div class="form-group">
                    {{ form.as_p }}
                </div>
             </div>
<button type="submit" class="btn btn-primary btn-lg btn-block">Salva</button>
</div>
</div>
</form>