Django注册页面进入/刷新时无触发自动显示form errors问题

问题产生原因 #

• 注册接口处理GET请求时，直接将空的request.POST参数传入了表单初始化方法。Django表单只要接收到数据参数（哪怕是空的QueryDict），就会自动触发字段校验，空值触发必填项错误，因此页面刚加载/刷新就会显示错误提示。
• POST请求校验失败的分支逻辑错误：原代码在校验不通过时强制重置为空表单，会导致用户提交错误后反而看不到对应错误提示，不符合正常交互逻辑。

修复方案 #

修改views.py中的注册逻辑，仅在POST请求时给表单传入提交的数据，GET请求初始化空表单，同时删除校验失败后重置表单的逻辑，保留带错误信息的表单实例返回给前端即可，修改后的代码如下：

@unauthenticated_user
def register(request):
    # GET请求初始化空表单，不传入POST数据，不会触发校验
    form_u = CreateUser()
    form_c = CreateClient()
    if request.method == 'POST':
        # 仅POST请求时传入用户提交的数据
        form_u = CreateUser(request.POST)
        form_c = CreateClient(request.POST)
        if form_u.is_valid() and form_c.is_valid():
            user = form_u.save()
            group = Group.objects.get(name='func')
            user.groups.add(group)
            client = form_c.save(commit=False)
            client.user = user
            client.save()
            return redirect('login')
        # 校验失败时无需额外处理，直接返回带错误信息的表单实例即可

    context = {'form_u': form_u, 'form_c': form_c}
    return render(request, 'register.html', context)

修改后效果：

1. 首次进入/刷新注册页时，表单为空无错误提示，符合使用预期
2. 用户点击提交按钮后如果校验失败，会保留已填内容并显示对应错误提示，交互逻辑正常

（可选优化）如果希望页面仅在有错误时才显示错误区域，可以在模板中给错误输出加判断：

{% if form_u.errors or form_c.errors %}
    {{form_u.errors}}
    {{form_c.errors}}
{% endif %}

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