Django单表单多提交按钮异常：分类按钮触发创建表单验证

问题根源 #

你遇到的问题核心在于所有提交按钮同属一个表单：点击任意提交按钮时，浏览器会把表单内所有字段（包括form_category对应的输入框）一并提交到formaction指定的地址。

如果index_with_category对应的视图没跳过form_category的验证，或者form_category的字段自带required属性（Django表单默认会给必填字段添加该属性），浏览器会触发前端验证，弹出「Please enter a name」提示；就算前端验证关闭，后端若误执行了form_category.is_valid()，也会返回验证错误。

解决方法（单表单多按钮方案） #

方案1：关闭前端自动验证

给<form>标签添加novalidate属性，禁用浏览器默认的前端验证，这样点击分类按钮时不会强制要求填写form_category字段：

<form method="POST" novalidate>
    {% csrf_token %}
    category name: {{ form_category }}
    <input type="submit" value="create" formaction="{% url 'mk_category' %}">
    <span> | </span>
    {% for category in categories %}
    <input type="submit" value="{{category.name}}" formaction="{% url 'index_with_category' category.id %}">
    {% endfor %}
</form>

方案2：后端视图针对性处理

在index_with_category的视图中，完全忽略form_category相关逻辑，不进行任何表单验证操作：

# 示例：index_with_category视图代码
def index_with_category(request, category_id):
    # 仅处理分类ID对应的业务逻辑，不初始化或验证form_category
    category = get_object_or_404(Category, id=category_id)
    # ...其他业务逻辑
    return render(request, 'xxx.html', {'category': category})

方案3：给按钮加标识，后端判断执行逻辑

给每个提交按钮添加name属性，后端通过判断提交的按钮值，决定是否执行表单验证：

<form method="POST">
    {% csrf_token %}
    category name: {{ form_category }}
    <input type="submit" name="action" value="create" formaction="{% url 'mk_category' %}">
    <span> | </span>
    {% for category in categories %}
    <input type="submit" name="action" value="{{category.name}}" formaction="{% url 'index_with_category' category.id %}">
    {% endfor %}
</form>

在mk_category视图中，仅当request.POST.get('action') == 'create'时才执行表单验证；index_with_category视图则无需处理表单验证逻辑。

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