Django中表单提交按钮无响应问题求助

核心问题1：表单未配置文件上传编码 #

你的BlogPost模型包含thumbnail图片字段，HTML表单必须设置enctype="multipart/form-data"才能正确提交文件。缺少这个属性会导致文件无法上传，表单验证失败，页面无跳转也无提示。

修复代码：

<form class="form" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {{form.as_p}}
    <button type="submit">Publish</button>
</form>

核心问题2：验证失败无反馈 #

当前视图仅在表单验证通过时跳转，验证失败时仅重新渲染页面但不显示错误信息，导致你误以为“无响应”。

添加错误提示：

<form class="form" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {% if form.errors %}
        <div style="color: red;">
            {% for field in form %}
                {% for error in field.errors %}
                    <p>{{ field.label }}: {{ error }}</p>
                {% endfor %}
            {% endfor %}
            {% for error in form.non_field_errors %}
                <p>{{ error }}</p>
            {% endfor %}
        </div>
    {% endif %}
    {{form.as_p}}
    <button type="submit">Publish</button>
</form>

其他可能的验证问题 #

• author外键字段：若表单未指定合法的Author实例，会触发验证失败。可在视图中自动关联当前用户（需确保Author与User关联）：

def article_form(request):
    if request.method == "POST":
        form = BlogForm(request.POST, request.FILES)
        if form.is_valid():
            # 假设Author和User是一对一关联
            form.instance.author = request.user.author
            form.save()
            return redirect("home")
    else:
        form = BlogForm()
    return render(request, 'article/post-form.html', {"form":form})

• slug唯一性：slug字段设置了unique=True，若输入的slug已存在于数据库，会导致验证失败，需确保输入值唯一。

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