Django表单验证错误消息显示异常：重复且位置错误

你的表单验证错误在页面顶部和对应字段旁重复显示，核心原因是：

• 模板中使用的{{form.as_p}}是Django表单默认渲染方式，会自动将每个字段的错误信息渲染在字段附近；
• 同时你保留了顶部的错误显示模块，当前逻辑会重复输出错误内容。

以下是两种可行的解决方法：

方案1：移除顶部错误显示，仅保留字段旁提示 #

直接删除模板中顶部的错误显示代码块：

{% if form.errors %}
<!-- {% for field, errors in form.errors.items %} -->
<ul class="messages w3-red">
    {% for error in errors %}
    <li> {{ error }} </li>
    {% endfor %}
</ul>
<!-- {% endfor %} -->
{% endif %}

修改后错误信息只会在对应的字段旁边显示，避免重复。

方案2：统一在顶部显示错误，字段旁不展示 #

1. 修复顶部的错误显示逻辑，正确遍历所有字段的错误：

{% if form.errors %}
<ul class="messages w3-red">
    {% for field, errors in form.errors.items %}
        {% for error in errors %}
        <li>{% if field != '__all__' %}{{ form[field].label }}: {% endif %}{{ error }}</li>
        {% endfor %}
    {% endfor %}
</ul>
{% endif %}

2. 替换{{form.as_p}}为手动渲染字段，移除字段旁的错误渲染：

{% csrf_token %}
{% for field in form %}
    <p>
        {{ field.label_tag }}
        {{ field }}
    </p>
{% endfor %}

修改后所有错误会统一显示在页面顶部，字段旁不再重复展示。

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