如何让Django表单错误信息不显示在字段下方而是表格顶部？

完全可行，只需要手动控制表单和错误信息的渲染逻辑即可，具体步骤如下：

1. 在表单上方汇总渲染所有错误
   在表单代码之前，先遍历表单的所有错误（包括全局非字段错误和各字段错误），统一展示在顶部：

   {% if form.errors %}
     <div class="form-errors">
       <strong>请修正以下错误：</strong>
       <ul>
         <!-- 渲染全局非字段错误（如密码不匹配、验证码错误等） -->
         {% for error in form.non_field_errors %}
           <li>{{ error }}</li>
         {% endfor %}
         <!-- 渲染所有字段的错误，带上字段标签便于定位 -->
         {% for field in form %}
           {% for error in field.errors %}
             <li>{{ field.label }}: {{ error }}</li>
           {% endfor %}
         {% endfor %}
       </ul>
     </div>
   {% endif %}
   

2. 手动渲染表单字段，禁用字段下方的错误输出
   不要使用Django默认的{{ form.as_table }}/{{ form.as_p }}等自动渲染方式，手动遍历字段并渲染，同时不要添加{{ field.errors }}代码，避免错误出现在字段下方：

   <form method="post">
     {% csrf_token %}
     <table>
       {% for field in form %}
         <tr>
           <td>{{ field.label_tag }}</td>
           <td>{{ field }}</td>
           <!-- 此处删除默认的 {{ field.errors }} 代码 -->
         </tr>
       {% endfor %}
       <tr>
         <td></td>
         <td><button type="submit">完成注册</button></td>
       </tr>
     </table>
   </form>
   

3. 可选：添加自定义样式优化显示
   可以给顶部的错误容器添加CSS样式，让错误信息更醒目：

   .form-errors {
     color: #dc3545;
     margin-bottom: 1rem;
     padding: 0.5rem;
     border: 1px solid #f5c6cb;
     border-radius: 4px;
   }
   .form-errors ul {
     margin: 0.5rem 0 0 0;
     padding-left: 1.5rem;
   }
   

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