如何在一个 HTML 结构中正确提交两个表单？

Question

我正在尝试提交具有两种表单的创建视图。如果所有内容都已填写并已提交，下面的代码就可以正常工作。但是，如果 form2 中省略了字段...则表单提交失败，并且为“表单”...“名称”...填写的字段将被重置。我读过你可以做多种形式，我基本上已经完成了这项工作...我只需要弄清楚如何将 form2 合并到 if_valid() 中...这是我的观点...

def tasklist_detail_view(request, id):
    context = {}
    context["tasklist"] = TaskList.objects.get(id=id)
    context["tasks"] = Task.objects.filter(task_list=id).all()

    obj = get_object_or_404(TaskList, id=id)
    form = UpdateTaskListForm(request.POST or None, instance=obj)
    form2 = TaskForm(request.POST or None)
    context["task_list_id"] = id

    if form.is_valid():
        form.save()
        return HttpResponseRedirect(reverse("MyTaskLists:my_task_list_main_menu"))

    context["form"] = form
    context["form2"] = form2

    return render(request, "my_task_list_tasklist_detail.html", context)

我的 HTML...

<form method="POST" enctype="multipart/form-data" id="forms">
 {% csrf_token %}
 
   {{ form.name }}
       
   {% include "my_task_list_task_create_form1.html" with tasklist=tasklist %}
  
   <button type="submit" class="button66" name="status" value="Submitted">Submit</button>
    
 </form>

然后在我的包含 HTML 中...

<div id="task-list-form" hx-target="this" hx-swap="outerHTML">    
        
<button class="button35" hx-post="{% url 'MyTaskLists:task-create' id=task_list_id %}">Save</button>
               
    {{ form2 }}
               

我确实尝试做类似的事情...

if form.is_valid() and form2.is_valid():
    form.save()
    return HttpResponseRedirect(reverse("MyTaskLists:my_task_list_main_menu"))

但是然后没有任何反应...即使字段填写正确，表单也根本不被接受...根据我的说法已读过，我了解 POST 已应用于两种表单......如果其中一个未正确填写，这就是另一个的原因出错了？我只是不太清楚如何正确处理它们。

预先感谢您的任何想法。

Answer 1

如果您希望两个表单表现得像一个表单，并且仅当两个表单都有效时才保存两个对象，那么逻辑是

if form.is_valid() and form2.is_valid():
    form.save()
    form2.save()
    return HttpResponseRedirect(reverse("MyTaskLists:my_task_list_main_menu"))

context["form"] = form
context["form2"] = form2
return render(request, "my_task_list_tasklist_detail.html", context)

如果 form 和 form2 中存在任何同名字段 您需要使用前缀来消除歧义。

form = UpdateTaskListForm(request.POST or None, instance=obj, prefix='form1')
form2 = TaskForm(request.POST or None, prefix='form2')