如何实现Django表单提交后在原页面渲染带提交数据的结果？

问题根源 #

• GET请求未给模板传递表单实例，导致页面首次加载时表单渲染逻辑异常；
• 表单验证失败时，错误重新实例化空表单，直接清空用户已输入内容；
• 若表单/按钮存在target="_blank"属性（当前代码未体现，但实际场景需排查），会触发新标签页跳转。

修正步骤 #

1. 修复views.py #

import logging
from django.shortcuts import render
from django.views import View
from .forms import ContactForm
from django.contrib import messages

class ContactView(View):  # 类名遵循大驼峰规范
    def __init__(self, logger=None, **kwargs):
        super().__init__(**kwargs)  # 必须调用父类初始化方法，避免异常
        self.logger = logging.getLogger(__name__)
        
    def get(self, request):
        # 首次加载页面时，传递空表单实例给模板
        form = ContactForm()
        return render(request, 'test.html', {'form': form})
   
    def post(self, request):
        form = ContactForm(request.POST, request.FILES)
        if form.is_valid():
            self.host = form.cleaned_data['ip']  # 用cleaned_data获取验证后的数据，更安全
            messages.success(request, "提交成功")
            # 若提交后需要清空表单，添加：form = ContactForm()
            # 要保留已提交数据则无需额外操作
        # 无论验证成功/失败，都传递当前form实例给模板
        # 失败时form会保留用户输入+错误提示，成功时保留提交数据（除非主动清空）
        return render(request, 'test.html', {'form': form})

2. 同步修改urls.py（匹配类名） #

from django.urls import path
from .views import ContactView

urlpatterns = [
    path('', ContactView.as_view()),
]

3. 优化HTML模板（添加提示展示） #

<body>
    <!-- 显示提交状态提示 -->
    {% if messages %}
        {% for message in messages %}
            <div style="color: green; margin: 10px 0;">{{ message }}</div>
        {% endfor %}
    {% endif %}
    
    <form action="/" method="post" enctype="multipart/form-data">
        {% csrf_token %}
        {{ form }}
        <!-- 确保按钮无target="_blank"属性，默认在当前页面提交 -->
        <button type="submit">提交</button>
    </form>
</body>

关键提醒 #

• 务必检查表单/按钮是否存在target="_blank"，有则删除，避免新标签页跳转；
• POST请求中不要随意重新创建空表单，否则会丢失用户已输入内容；
• 优先使用form.cleaned_data获取表单数据，它是经过Django验证后的安全数据。

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