Flask表单FieldList中动态生成的不同名称提交按钮如何在后端识别？

核心依据HTML表单的原生特性：只有被点击的submit按钮才会被包含在POST请求的form数据中，你可以选择以下两种方案实现：

方案1：匹配默认生成的动态按钮名（无需修改前端） #

WTForms默认生成的删除按钮名称遵循gifts-{索引}-remove_gift的规则，直接遍历request.form的键匹配规则即可提取被点击按钮对应的条目索引：

if request.method == 'POST':
    delete_index = None
    # 遍历所有POST提交的表单键
    for key in request.form.keys():
        if key.startswith('gifts-') and key.endswith('-remove_gift'):
            # 拆分字符串提取中间的索引数字
            delete_index = int(key.split('-')[1])
            break
    
    # 处理删除逻辑
    if delete_index is not None:
        del form.gifts.entries[delete_index]
        print(f"请求删除第 {delete_index} 个礼品")
    # 处理新增按钮逻辑
    elif 'add_gift' in request.form:
        form.gifts.append_entry()
        print("请求新增礼品")
    # 处理最终提交逻辑
    elif form.submit.data:
        if form.validate():
            # 后续业务逻辑
            pass

方案2：统一按钮名称（代码更简洁） #

如果可以调整前端Jinja模板，你可以手动覆盖按钮的默认name属性，所有删除按钮使用相同name，将索引存在value属性中：

前端模板代码 #

{% for gift_form in form.gifts %}
    {{ gift_form.item.label }}: {{ gift_form.item }}
    {{ gift_form.description.label }}: {{ gift_form.description }}
    {{ gift_form.url.label }}: {{ gift_form.url }}
    <!-- 手动指定删除按钮的name和value -->
    <button type="submit" name="remove_gift" value="{{ loop.index0 }}">删除礼品</button>
{% endfor %}

后端处理代码 #

if request.method == 'POST':
    delete_index = request.form.get('remove_gift')
    if delete_index is not None:
        delete_index = int(delete_index)
        del form.gifts.entries[delete_index]

两个方案各有优劣：方案1不需要修改前端渲染逻辑，直接适配WTForms默认生成的按钮命名规则；方案2代码更简洁易维护，适合可以调整前端模板的场景。

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