Django模型表单不显示，仅点击提交后才出现必填提示

问题分析 #

你的表单在页面加载时不显示，仅提交后出现必填提示，核心原因可能有两个：

• 访问了错误的页面路径（/create_post_page），但该路径对应的视图未正确传递表单对象到模板
• POST请求表单验证失败时的逻辑虽能传递错误表单，但初始GET请求的路径可能未对应正确视图

具体解决方案 #

1. 统一页面路径与视图逻辑 #

你的URL配置中存在create_post和create_post_page两个路径，但仅提供了create_post的视图代码。如果实际访问的是/create_post_page，该视图未传递form变量到模板，导致{{ form.as_p }}无内容渲染。

解决方式：

• 直接删除create_post_page的URL配置，统一使用/create_post作为表单页面路径：

# urls.py
urlpatterns = [
    path("", views.index, name="index"),
    path("login", views.login_view, name="login"),
    path("logout", views.logout_view, name="logout"),
    path("register", views.register, name="register"),
    path("create_post", views.create_post, name="create_post"),
    # 移除下面这行
    # path("create_post_page", views.create_post_page, name="create_post_page")
]

• 若需保留create_post_page路径，将其视图代码修改为与create_post完全一致：

# views.py
def create_post_page(request):
    return create_post(request)

2. 完善表单验证失败的反馈逻辑 #

当前视图中，POST请求表单验证失败时，已自动传递带有错误信息的表单到模板，可显式处理让逻辑更清晰：

# views.py
def create_post(request):
    posted = False
    if request.method == "POST":
        form = PostForm(request.POST)
        if form.is_valid():
            instance = form.save(commit=False)
            instance.author = request.user
            instance.save()
            return HttpResponseRedirect("/create_post?posted=True")
        # 表单无效时，直接使用带有错误的form，无需额外操作
    else:
        form = PostForm()
        if "posted" in request.GET:
            posted = True
    return render(request, "network/create_post.html", {
        "form": form,
        "posted": posted
    })        

3. 修正模板拼写错误 #

模板中Succseful拼写错误，改为Successful：

{% extends "network/layout.html" %}

{% block body %}

{% if posted %}
 Successful
{% else %}
<h2>Create a new post</h2>
<form action="{% url 'create_post' %}" method="POST">
    {% csrf_token %}
    {{ form.as_p }}
    <input class="btn btn-secondary" type="submit" value="Post">
</form>
{% endif %}
{% endblock %}

验证步骤 #

1. 重启Django服务器
2. 访问/create_post页面，确认表单正常显示
3. 提交空表单，确认必填字段提示正常出现
4. 填写内容提交，确认显示Successful提示

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