Django POST请求获取表单隐藏label值返回None问题排查

• 核心错误：<label>标签的作用是给表单控件做文本说明，本身不属于可提交的表单控件，无论你给它加name还是value属性，浏览器提交表单时都不会把它的值放入POST请求体，后端自然永远拿不到对应字段。
• 模板结构错误：表单标签嵌套逻辑混乱，<form>标签刚声明、插入csrf_token后就直接写了</section>闭合标签，前面没有对应的<section>起始标签，DOM解析错乱可能导致表单提交范围不符合预期。
• 额外语法错误：静态资源路径写法错误，{% static '/img/{{ Gerecht.afbeelding }}' %}属于模板标签嵌套错误，Django不会解析static标签内部的双大括号变量，会导致菜品图片加载失败，不影响本次POST取值问题但需要修复。

1. 修正模板代码 #

把原本用来传值的隐藏<label>替换为隐藏域input标签（这是标准的表单隐藏传值控件），同时修正错乱的标签嵌套、错误的静态路径写法：

{% for Gerecht in Gerechten %}
<section class="u-clearfix u-custom-color-2 u-valign-middle u-section-2" id="sec-a9e5">
  <form method="POST">
    {% csrf_token %}
    <div class="u-clearfix u-gutter-0 u-layout-wrap u-layout-wrap-1">
      <div class="u-layout">
        <div class="u-layout-row">
          <div class="u-align-left u-container-style u-image u-layout-cell u-left-cell u-shading u-size-30 u-size-xs-60 u-image-1" 
               data-image-width="4880" data-image-height="3253" 
               style="background-image: linear-gradient(0deg, rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url('{% get_static_prefix %}img/{{ Gerecht.afbeelding }}')">
            <div class="u-container-layout u-container-layout-1"></div>
          </div>
          <div class="u-align-left u-container-style u-custom-color-1 u-layout-cell u-right-cell u-size-30 u-size-xs-60 u-layout-cell-2">
            <div class="u-container-layout u-container-layout-2">
              <h2 class="u-text u-text-default u-text-white u-text-1">{{ Gerecht.naam }}</h2>
              <p class="u-text u-text-default u-text-white u-text-2">Duur: {{ Gerecht.duur }} u</p>
              <!-- 隐藏input才是会被表单提交的传值控件 -->
              <input type="hidden" name="id" value="{{ Gerecht.id }}">
              <input type="submit" value="ga naar gerecht" class="u-active-custom-color-3 u-align-left u-border-1 u-border-active-custom-color-3 u-border-hover-custom-color-3 u-border-white u-btn u-btn-round u-button-style u-hover-custom-color-3 u-none u-radius-12 u-text-active-white u-text-hover-white u-btn-2" name="btnZieRecept">
            </div>
          </div>
        </div>
      </div>
    </div>
  </form>
</section>
{% endfor %}

2. 优化视图逻辑 #

把日志配置移到文件顶层（不要放在请求判断逻辑里重复执行），可选增加参数合法性校验避免异常：

import logging
from django.shortcuts import redirect, get_object_or_404
from .models import Gerecht

# 日志配置放文件顶部
logging.basicConfig(level=logging.NOTSET)

def Gerechten(request):
    if request.method == "POST" and request.POST.get('btnZieRecept'):
        PK = request.POST.get('id')
        logging.debug(f"接收到的菜品主键：{PK}")
        return redirect('GerechtPreview', PK=PK)
    # 原有页面渲染逻辑保持不变
    # Gerechten = Gerecht.objects.all()
    # return render(request, 'Gerechten.html', {"Gerechten": Gerechten})

def GerechtPreview(request, PK):
    # 用get_object_or_404避免主键不存在时抛出500错误
    obj = get_object_or_404(Gerecht, pk=PK)
    ingList=[]
    for f in obj.bijIngridiënten:
        ingList.append(f)
    for f in obj.Hoofdingridiënten:
        ingList.append(f)
    return render(request, 'GerechtPreview.html', {"obj":obj, "ingList":ingList})

3. 路由规则补充校验 #

当前路由对PK的匹配规则是\w+，仅支持数字、字母、下划线，如果后续主键用UUID格式（包含横杠）会匹配失败跳转404，可以按需修改正则规则：

from django.urls import path, re_path
from . import views

urlpatterns = [
    path('Gerechten.html', views.Gerechten, name="Gerechten.html"),
    # 支持带横杠的UUID主键
    re_path(r'^GerechtPreview.html/(?P<PK>[\w-]+)/$', views.GerechtPreview, name="GerechtPreview"),
]

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