更新表单验证问题：错误信息需显示在对应字段上方

我来帮你搞定这个表单验证的问题！核心问题是当前视图逻辑没处理表单验证失败的场景，导致直接跳转到空白错误页。咱们一步步来修正：

第一步：修正视图逻辑，保留带错误的表单对象 #

首先把你的视图代码补全并调整逻辑——当表单验证失败时，要把包含错误信息的表单传回模板，而不是直接抛出错误：

from django.shortcuts import get_object_or_404, render, redirect
from .forms import UpdateForm
from .models import BookEntry

def update(request, id):
    item = get_object_or_404(BookEntry, id=id)
    if request.method == "POST":
        form = UpdateForm(request.POST, instance=item)
        if form.is_valid():
            form.save()
            # 验证成功后跳转到目标页面，示例跳转到书籍详情页
            return redirect('book_detail', id=item.id)
        # 表单无效时，直接往下走，把带错误的form传给模板
    else:
        # GET请求时，用当前书籍数据初始化表单
        form = UpdateForm(instance=item)
    # 不管是POST验证失败还是GET请求，都渲染模板并传入表单
    return render(request, 'your_update_template.html', {'form': form})

第二步：在模板中渲染对应字段的错误信息 #

接下来修改你的更新模板，在每个字段的上方添加错误信息的渲染逻辑。假设模板名为your_update_template.html，示例写法如下：

<form method="POST">
    {% csrf_token %}

    <!-- 处理表单级别的全局错误（比如跨字段验证错误） -->
    {% if form.non_field_errors %}
        <div style="color: red; margin-bottom: 10px;">
            {% for error in form.non_field_errors %}
                <p>{{ error }}</p>
            {% endfor %}
        </div>
    {% endif %}

    <!-- 书名字段示例 -->
    {% if form.title.errors %}
        <div style="color: red;">
            {% for error in form.title.errors %}
                <p>{{ error }}</p>
            {% endfor %}
        </div>
    {% endif %}
    <label for="{{ form.title.id_for_label }}">书名：</label>
    {{ form.title }}

    <!-- 作者字段示例 -->
    {% if form.author.errors %}
        <div style="color: red;">
            {% for error in form.author.errors %}
                <p>{{ error }}</p>
            {% endfor %}
        </div>
    {% endif %}
    <label for="{{ form.author.id_for_label }}">作者：</label>
    {{ form.author }}

    <!-- 其他字段按照同样的逻辑添加 -->

    <button type="submit">更新</button>
</form>

额外优化小提示 #

• 可以把错误信息的样式抽成CSS类（比如.form-error），避免内联样式的重复代码，让页面样式更统一。
• 如果想简化模板代码，也可以自定义表单的错误渲染模板，不过上面的手动渲染方式能精准控制错误信息的位置，更灵活。

这样修改后，当你留空必填字段提交表单时，页面会停在更新表单页，对应空白字段的上方会直接显示红色的错误提示，不会再出现空白错误页啦！

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