Django多步骤表单异常：选择后未跳转至对应表单

问题根源分析 #

你的代码存在拼写错误和逻辑偏差，导致无法根据用户选择正确跳转对应表单：

1. 字段拼写不一致：表单类里的字段名是customer_chioces（拼写错误），但视图、模板中却用customer_choices，导致无法正确读取用户选择值
2. 视图判断逻辑错误：直接用form.customer_choices判断，但表单对象本身没有该属性，需从cleaned_data中获取提交值
3. 模板冗余逻辑：模板试图在初始加载时判断表单值来修改action，此时表单未提交，判断无效且会导致提交路径错误

分步修复代码 #

1. 修正forms.py字段拼写 #

from .models import CustomerInfo, CustomerDocument 
from django.forms import ModelForm
from django import forms

CUSTOMER_CHOICES = [
    ('commercial', 'Commercial'),
    ('private', 'Private'),
]

class CustomerTypeForm(forms.Form):
    # 修正拼写：customer_chioces → customer_choices
    customer_choices = forms.CharField(label="Customertype", widget=forms.RadioSelect(choices=CUSTOMER_CHOICES))

# Commercial customer information
class CustomerInfoForm1(ModelForm):
    class Meta:
        model = CustomerInfo
        fields = "__all__"

# Private customer information
class CustomerInfoForm2(ModelForm):
    class Meta:
        model = CustomerInfo
        fields = ['name1', 'name2', 'name3', 'street', 'house', 'zip1', 'city']

class CustomerDocumentForm(forms.ModelForm):
    class Meta:
        model = CustomerDocument
        fields = ['document']

2. 修正视图判断逻辑 #

from django.shortcuts import render
from datacollector.forms import  CustomerTypeForm, CustomerInfoForm1, CustomerInfoForm2, CustomerDocumentForm
from django.urls import reverse
from django.http import HttpResponse, HttpResponseRedirect

def step1formview(request):
    # 统一session键名与表单字段名
    initial = {'customer_choices': request.session.get('customer_choices', None), }    
    form = CustomerTypeForm(request.POST or None, initial=initial)
    if request.method == 'POST':
        if form.is_valid():
            # 从cleaned_data中获取正确的用户选择
            customer_type = form.cleaned_data['customer_choices']
            request.session['customer_choices'] = customer_type
            # 根据选择跳转对应视图
            if customer_type == 'commercial':
                return HttpResponseRedirect(reverse('datacollector:step2aformview'))
            else:
                return HttpResponseRedirect(reverse('datacollector:step2bformview'))
           
    return render(request, 'forms/CustomerTypeForm.html', {'form': form})

3. 简化模板逻辑 #

跳转逻辑交给视图处理，模板只保留单表单提交到当前视图：

{% extends 'base.html' %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>

    {% block head %}
    {% endblock %}
</head>
<body>
    {% block content %}
    <form action="{% url 'datacollector:step1formview' %}" method="post">
        {% csrf_token %}
        {{ form }}
        <input type="submit" value="Submit">
    </form>
    {% endblock %}
</body>
</html>

额外注意事项 #

• 确保step2aformview和step2bformview已在urls.py中正确配置，分别对应渲染CustomerInfoForm1和CustomerInfoForm2
• 后续步骤读取session时，保持键名与customer_choices一致

内容的提问来源于stack exchange，提问作者obodoma uzondu vincent