如何在Django中实现登录与注册表单同页功能？

1. 保留独立表单类 #

不用修改现有表单逻辑，保持注册和登录表单的独立验证规则：

# forms.py
from django.contrib.auth.forms import UserCreationForm, AuthenticationForm
from django.contrib.auth.models import User

class RegisterForm(UserCreationForm):
    class Meta:
        model = User
        fields = ['username', 'email', 'password1', 'password2']

class LoginForm(AuthenticationForm):
    pass

2. 编写统一处理视图 #

合并原有的register_view和login_view，通过按钮的name属性区分提交动作：

# views.py
from django.shortcuts import render, redirect
from django.contrib.auth import login
from .forms import RegisterForm, LoginForm

def auth_view(request):
    register_form = RegisterForm()
    login_form = LoginForm()

    if request.method == 'POST':
        # 判断触发的是注册还是登录
        if 'register_submit' in request.POST:
            register_form = RegisterForm(request.POST)
            if register_form.is_valid():
                user = register_form.save()
                login(request, user)
                return redirect('home')  # 替换为你的目标路由
        elif 'login_submit' in request.POST:
            login_form = LoginForm(request, data=request.POST)
            if login_form.is_valid():
                user = login_form.get_user()
                login(request, user)
                return redirect('home')

    # GET请求或表单验证失败时，返回带双表单的页面
    return render(request, 'auth.html', {
        'register_form': register_form,
        'login_form': login_form
    })

3. 模板页面渲染双表单 #

在模板中同时渲染两个表单，给提交按钮设置唯一name标识：

<!-- templates/auth.html -->
<div class="auth-box">
    <h3>新用户注册</h3>
    <form method="post">
        {% csrf_token %}
        {{ register_form.as_p }}
        <button type="submit" name="register_submit">完成注册</button>
    </form>

    <div class="divider"></div>

    <h3>已有账号登录</h3>
    <form method="post">
        {% csrf_token %}
        {{ login_form.as_p }}
        <button type="submit" name="login_submit">立即登录</button>
    </form>
</div>

4. 配置路由 #

将统一视图添加到项目路由：

# urls.py
from django.urls import path
from .views import auth_view

urlpatterns = [
    path('auth/', auth_view, name='auth'),
    # 其他路由配置...
]

异常排查提示 #

• 不要用if语句在模板中切换表单显示，直接同时渲染两个表单可避免DOM结构异常
• 确保两个表单都包含{% csrf_token %}，否则会触发CSRF验证错误
• 表单验证失败时，视图会自动将带错误信息的表单传回模板，无需额外处理

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