如何在 Django 中通过按钮点击正确获取表单数据

✅ 2. POST 表单必须包含 CSRF 令牌

Django 默认启用 CSRF 保护。若表单缺少 {% csrf_token %}，请求将被拒绝（返回 403 Forbidden）。该模板标签会渲染为隐藏输入域，如 ，是 Django 验证请求合法性的必要凭证。

✅ 3. 输入字段必须拥有 name 属性

Django（及所有 Web 框架）通过 name 属性识别键名，构建 request.POST 字典。id 仅用于前端 DOM 操作或 CSS 选择，对后端数据提交完全无效。例如：

图酷AI

下载即用！可以免费使用的AI图像处理工具，致力于为用户提供最先进的AI图像处理技术，让图像编辑变得简单高效。

下载

<!-- ❌ 错误：只有 id，无 name → 后端收不到数据 -->
<input id="email-input" type="email">

<!-- ✅ 正确：name 是数据传输的关键 -->
<input name="email" type="email">

✅ 完整可运行示例

模板文件（login.html）：

<form method="post">
    {% csrf_token %}
    <label>First Name</label>
    <input name="first_name" type="text" placeholder="Enter first name">

    <label>Last Name</label>
    <input name="last_name" type="text" placeholder="Enter last name">

    <label>Email</label>
    <input name="email" type="email" placeholder="your@email.com">

    <label>Password</label>
    <input name="password" type="password" placeholder="••••••••">

    <label>Confirm Password</label>
    <input name="password_confirm" type="password" placeholder="••••••••">

    <!-- 注意：使用 type="submit" 而非 type="button" -->
    <input type="submit" value="Log In">
</form>

⚠️ 关键细节：不会提交表单！应改为 type="submit"，或通过 JavaScript 显式调用 form.submit()。

Django 视图（views.py）：

from django.shortcuts import render, redirect
from django.http import HttpResponse
from django.views.decorators.http import require_http_methods

@require_http_methods(["GET", "POST"])
def login_view(request):
    if request.method == "POST":
        # 安全地获取数据（避免 KeyError）
        email = request.POST.get("email", "").strip()
        password = request.POST.get("password", "")
        first_name = request.POST.get("first_name", "")
        last_name = request.POST.get("last_name", "")

        # 示例：简单验证（生产环境请使用 Django Forms 或 auth 系统）
        if email and password and "@" in email:
            # ✅ 数据已成功获取！可进行认证、存储或重定向
            return HttpResponse(f"Welcome, {first_name}! Logged in as {email}.")
        else:
            return HttpResponse("Invalid input: email and password required.", status=400)

    return render(request, "login.html")  # GET 请求返回空表单

? 注意事项与最佳实践

• 永远不要手动实现密码认证逻辑：Django 内置 django.contrib.auth 提供 authenticate() 和 login()，支持哈希、会话管理、防暴力破解等。重复造轮子易引入安全漏洞。
• 优先使用 Django Forms：它自动处理验证、CSRF、渲染、错误提示，大幅提升健壮性与可维护性。
• 考虑使用 django-allauth：针对邮箱/社交登录等复杂场景，它提供开箱即用的完整认证流程，大幅减少样板代码。
• 调试技巧：在视图中临时打印 print(request.POST)，确认键名是否匹配；检查浏览器开发者工具 Network 标签页，确认请求 Payload 是否含预期字段。

掌握这三点——method="post"、{% csrf_token %}、name 属性——即可稳定获取表单数据。这是 Django Web 开发中最基础也最关键的衔接环节。