Django ModelForm仅提交部分字段新增后如何更新剩余字段

问题根因 #

1. 现有ItemForm的fields配置仅包含product_name、quantity两个字段，Django ModelForm默认仅会处理配置在fields列表内的字段，哪怕请求携带了size、date参数，也会被表单直接忽略，不会写入数据库。
2. 列表页的size、date输入框未设置name属性，也未包裹在表单标签内，填写的内容无法随请求提交到后台。

可行实现方案 #

提供两种适配不同场景的方案，可按需选择：

方案1：调整独立更新页支持修改全部4个字段，新增页逻辑保持不变 #

改动量最小，逻辑最稳妥，适合保留原有跳转更新的交互：

1. 修改forms.py，拆分新增、更新两个独立的Form，原有新增用的ItemForm保持不变，新增支持全部字段的更新用Form：

from django.forms import ModelForm, DateInput
from .models import Item

# 原有新增页用Form，保持不变，仅暴露两个字段
class ItemForm(ModelForm):
    class Meta:
        model = Item
        widgets = {'date': DateInput()}
        fields = ['product_name', 'quantity']

# 新增更新页用Form，包含全部4个字段
class ItemUpdateForm(ModelForm):
    class Meta:
        model = Item
        widgets = {'date': DateInput(attrs={'type': 'date'})} # 加type属性方便前端渲染日期选择器
        fields = ['product_name', 'quantity', 'size', 'date']

2. 修改update_item视图，替换为更新专用的Form：

def update_item(request, id):
    if request.method == 'POST':
        pi = Item.objects.get(pk=id)
        fm = ItemUpdateForm(request.POST, instance=pi)
        if fm.is_valid():
            fm.save()
            return redirect('/itemlist')
    else:
        pi = Item.objects.get(pk=id)
        fm = ItemUpdateForm(instance=pi)
    return render(request, 'item/update_item.html', {'form': fm})

修改完成后点击列表页的Edit跳转到更新页，会自动渲染4个字段的表单，提交后即可更新全部字段，原有新增页面逻辑完全不受影响。

方案2：实现在列表页直接提交更新，无需跳转单独页面 #

适合需要在列表页快速编辑的场景：

1. 先按方案1的第一步创建ItemUpdateForm、修改update_item视图。
2. 修改itemlist.html，给每行数据嵌套独立表单，给输入框添加name属性：

{% for neww in all %}
<tr>
  <form action="{% url 'update_item' neww.id %}" method="POST">
    {% csrf_token %}
    <td>{{ neww.product_name }}<input type="hidden" name="product_name" value="{{ neww.product_name }}"></td>
    <td>{{ neww.quantity }}<input type="hidden" name="quantity" value="{{ neww.quantity }}"></td>
    <td>
      <select name="size">
        <option value="S" {% if neww.size == 'S' %}selected{% endif %}>Short</option>
        <option value="M" {% if neww.size == 'M' %}selected{% endif %}>Medium</option>
        <option value="L" {% if neww.size == 'L' %}selected{% endif %}>Long</option>
      </select>
    </td>
    <td><input type="date" name="date" value="{{ neww.date|date:'Y-m-d' }}"></td>
    <td><button type="submit">保存更新</button></td>
  </form>
</tr>
{% endfor %}

修改完成后在列表页直接选择size、选择日期，点击本行的保存按钮即可直接更新对应数据，无需跳转页面。

注意事项 #

• 日期输入建议直接使用type="date"的控件，自动生成符合Django校验规则的日期格式，避免手动输入的格式错误问题。
• size字段建议使用下拉选择框替代文本输入，避免输入的值不在预设选项范围内导致校验失败。

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