Django表单字段验证及模板错误返回问题求助

问题根源与解决方案 #

1. 修复表单验证的核心错误

报错'dict' object is not callable是因为cleaned_data是字典类型，你错误地使用了函数调用语法cleaned_data('password')，应该用字典取值方式。同时修正验证逻辑的规范写法：

修改后的forms.py

from django import forms
from django.core.exceptions import ValidationError

class UserForm(forms.Form):
    first_name= forms.CharField(max_length=20, label='Name')
    last_name= forms.CharField(max_length=20, label='Last_name')
    password= forms.CharField(label='Password')
    repassword= forms.CharField(label='Confirm password')
    
    def clean(self):
        cleaned_data = super().clean()
        # 用字典取值替代函数调用，get方法避免键不存在报错
        password = cleaned_data.get('password')
        repassword = cleaned_data.get('repassword')
        
        # 先判断两个值都存在再比较，避免None值引发额外错误
        if password and repassword and password != repassword:
            # 将错误添加到全局非字段错误集合，确保模板能捕获
            self.add_error(None, 'Passwords do not match')
        # 必须返回cleaned_data，否则后续无法获取验证后的字段值
        return cleaned_data

2. 修正视图逻辑，保留错误状态

原视图在POST请求时，无论表单是否有效都返回空表单，导致错误信息丢失。调整逻辑确保验证失败时返回带错误的表单：

修改后的views.py

def index(request):
    if request.method == 'POST':
        # POST请求直接传入request.POST，无需or None
        form = UserForm(request.POST)
        if form.is_valid():
            # 此处可添加数据处理逻辑（如保存到数据库）
            firstname = form.cleaned_data.get("first_name")
            lastname = form.cleaned_data.get("last_name")
            password = form.cleaned_data.get('password')
            # 验证通过后清空表单
            form = UserForm()
    else:
        # GET请求返回空表单
        form = UserForm()
    # 统一返回表单，确保错误信息能传递到模板
    return render(request, 'create_users/index.html', {'form': form})

3. 模板添加全局错误显示

原模板仅显示字段级错误，密码不匹配属于全局非字段错误，需添加对应显示逻辑：

修改后的模板代码

<form action="{% url 'create_users:add_user' %}" method="POST">
    {% csrf_token %}
    <!-- 显示全局非字段错误（如密码不匹配） -->
    {% if form.non_field_errors %}
        {% for error in form.non_field_errors %}
            <div class="alert alert-danger">{{ error }}</div>
        {% endfor %}
    {% endif %}
    {% for field in form %}
        <div class="mb-3">
            {{ field.label_tag }} <!-- 添加字段标签，提升用户体验 -->
            {{ field }}
            <!-- 显示字段级错误（如字符长度超限） -->
            {% for error in field.errors %}
                <div class="alert alert-danger mt-1">{{ error }}</div>
            {% endfor %}
        </div>
    {% endfor %}
    <button class="btn btn-primary d-block w-100" type="submit" style="--bs-primary: #7286a4;--bs-primary-rgb: 114,134,164;background: rgb(100,105,113);">Create</button>      
</form>

现在测试：当两次密码输入不一致时，全局错误会显示在表单顶部；字段不符合规则时，错误会显示在对应字段下方，同时保留用户已输入的内容。

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