Django M2M字段复选框表单报错，寻求技术解决方法

问题根源 #

你手动渲染了表单的复选框和用户选择框，但未遵循Django ModelForm的字段结构要求，导致提交的数据无法被CheckoutForm正确解析，表单验证时判定dishes字段未填写，触发必填错误。同时你的form_valid方法存在多余且错误的逻辑，会干扰多对多关系的正常保存。

修复步骤 #

1. 修正forms.py，优化字段配置 #

将user字段设为隐藏，自动填充当前登录用户，避免手动选择的冗余和错误：

class CheckoutForm(forms.ModelForm):
    class Meta:
        model = Checkout
        fields = ('dishes', 'user')
        widgets = {
            'user': forms.HiddenInput(),  # 隐藏用户选择框
        }

    def __init__(self, *args, **kwargs):
        user = kwargs.pop('user', None)
        super().__init__(*args, **kwargs)
        self.fields["dishes"].widget = CheckboxSelectMultiple()
        self.fields["dishes"].queryset = Dish.objects.all()
        # 自动设置当前登录用户为初始值
        if user:
            self.fields['user'].initial = user.id

2. 修正views.py，传递用户信息并简化保存逻辑 #

移除form_valid中多余的循环添加代码，form.save_m2m()会自动处理多对多关系；同时传递当前用户给表单：

class OrderView(LoginRequiredMixin, CreateView):
    model = Checkout
    template_name = "food_order/make_order.html"
    form_class = CheckoutForm
    success_url = "/order/"

    login_url = "/login/"
    raise_exception = True

    def get_form_kwargs(self):
        # 传递当前登录用户给表单
        kwargs = super().get_form_kwargs()
        kwargs['user'] = self.request.user
        return kwargs

    def form_valid(self, form):
        # 简化保存逻辑，无需手动处理多对多关系
        instance = form.save(commit=False)
        instance.user = self.request.user
        instance.save()
        form.save_m2m()
        return super().form_valid(form)

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        context["dishes"] = Dish.objects.all()
        context["orders"] = Checkout.objects.all()
        return context

3. 修改page.html，利用表单字段渲染复选框 #

避免手动循环生成复选框，直接使用表单的dishes字段渲染，确保表单结构符合Django要求：

<form class="p-2" action="{% url 'make_order' %}" method="POST">
    {% csrf_token %}
    <!-- 渲染隐藏的user字段 -->
    {{ form.user }}
    <div class="row row-cols-1 row-cols-md-5 g-2" style="margin-left: -40px">
        {% for field in form.dishes %}
            <div class="col">
                <div class="card" style="width: 14rem">
                    <img class="card-img-top" style="width: 220px; height: 240px" 
                         src="{{ field.choice_value.instance.image.url }}" 
                         alt="Card image cap">
                    <div class="card-body">
                        <h5 class="card-title">{{ field.choice_value.instance.name }}</h5>
                        <p class="card-text">Description: {{ field.choice_value.instance.description }}</p>
                        <p class="card-text">Ingredients: {{ field.choice_value.instance.ingredients }} g</p>
                        <p class="card-text">Serving size: {{ field.choice_value.instance.serving_size }} g</p>
                        <p class="card-text">Price: {{ field.choice_value.instance.price }} UAH</p>
                        {{ field.tag }} Add to cart
                    </div>
                </div>
            </div>
        {% endfor %}
        <input type="submit" value="ADD" class="btn btn-primary" />
    </div>
</form>

关键说明 #

• 移除了enctype="multipart/form-data"，因为表单没有上传文件，该属性会增加不必要的解析开销。
• 利用field.choice_value.instance可以直接获取复选框对应的Dish对象，无需手动循环上下文里的dishes。
• 简化后的form_valid方法避免了错误的get_or_create操作，该操作之前会把Dish对象当作字符串去创建新对象，导致数据混乱。

内容的提问来源于stack exchange，提问作者Oleksandr Dimbrovskyi