Django登录表单验证错误信息无法显示问题求助

问题根源 #

你的代码存在三个核心问题：

1. 视图处理POST请求时，表单初始化错误传入request而非request.POST，导致表单无法获取提交数据
2. 未调用form.is_valid()触发验证逻辑，表单错误信息不会被生成
3. 模板直接渲染{{form}}，默认渲染方式不展示错误提示，也没有手动处理错误的代码

分步修复 #

1. 修正视图函数（view.py）

修改user_login函数，确保表单正确接收POST数据并触发验证：

from . import forms
from django.shortcuts import render,redirect
from django.contrib.auth import authenticate,login,logout

def user_login(request):
    form = forms.LoginForm()
    if request.method == 'POST':
        # 正确传入POST数据初始化表单
        form = forms.LoginForm(request.POST)
        # 触发验证逻辑，错误自动存入form.errors
        if form.is_valid():
            # 从清理后的数据中获取字段值
            username = form.cleaned_data.get('name')
            password = form.cleaned_data.get('password')
            # 验证用户身份
            user = authenticate(request, username=username, password=password)
            if user:
                login(request, user)
                return redirect('home')
            else:
                # 添加登录失败的全局错误
                form.add_error(None, "用户名或密码错误")
    # 错误信息都在form对象中，无需额外message变量
    return render(request, "login.html", context={'form': form})

def home(request):
    if request.user.is_authenticated:
       return render(request,"home.html")
    return redirect(user_login)

def user_logout(request):
    if request.user.is_authenticated and request.META.get('HTTP_REFERER') is not None:
       logout(request)
    return redirect(home)

2. 优化模板渲染（login.html）

利用Bootstrap5的表单标签自动渲染错误，或手动遍历字段自定义展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
    {% load bootstrap5 %}
    {% bootstrap_css %}
    {% bootstrap_javascript %}
</head>
<body>
  <div class="w-50 container" style="border-radius: 20px; background-color: darkgrey;">
    <h1 class="mt-5 pt-5 mb-0 text-center">login</h1>
    <div class="h-100 d-flex align-items-center justify-content-center">
      <form class="w-50 m-5 container" method="post">
        {% csrf_token %}
        <!-- 使用Bootstrap5自动渲染表单及错误 -->
        {% bootstrap_form form %}
        
        <!-- 手动渲染版本（可选，替换上面的bootstrap_form） -->
        {% comment %}
        {% for field in form %}
          <div class="mb-3">
            {{ field.label_tag }}
            {{ field }}
            {% if field.errors %}
              <div class="text-danger small">
                {% for error in field.errors %}
                  {{ error }}
                {% endfor %}
              </div>
            {% endif %}
          </div>
        {% endfor %}
        {% endcomment %}

        <!-- 显示全局错误（如登录失败提示） -->
        {% if form.non_field_errors %}
          <div class="text-danger mb-3">
            {% for error in form.non_field_errors %}
              {{ error }}
            {% endfor %}
          </div>
        {% endif %}

        <button type="submit" class="btn btn-primary mt-1">login</button>
      </form>
    </div>
  </div>
</body>
</html>

3. 表单代码保持不变（forms.py）

你的表单已正确设置验证器，无需修改：

from django import forms    
from django.core import validators

class LoginForm(forms.Form):
    name= forms.CharField(validators=[validators.MinLengthValidator(4,"用户名长度不能少于4位")],widget=forms.TextInput(attrs = {'class':"form-control mb-3",'placeholder':"Username"}))
    password=forms.CharField(widget=forms.PasswordInput(attrs = {'class':"form-control mb-3",'placeholder':"password"}))

验证效果 #

现在当用户名长度不足4位时，对应字段下方会自动显示错误提示；如果用户名或密码不匹配，表单底部会展示全局错误。所有错误通过表单对象传递，无需直接操作request.POST。

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