在Django中HTML提交按钮失效，无action属性如何提交表单？

首先明确：HTML表单不写action属性时，默认会把数据提交到当前页面的URL（也就是渲染该页面的Django视图对应的URL）。你的提交按钮失效，大概率是表单结构或视图逻辑存在问题，以下是具体修复步骤：

1. 检查表单结构完整性 #

从你提供的HTML内容来看，需确保：

• 提交按钮（<button type="submit">或<input type="submit">）必须放在<form>标签内部，不能脱离表单标签。
• 表单需正确设置method属性，Django处理表单一般用POST请求，同时必须添加CSRF令牌（Django防跨站攻击的要求），示例代码：

<form method="POST">
  {% csrf_token %}
  <!-- 你的表单输入字段 -->
  <button type="submit">提交</button>
</form>

若使用GET请求，可写method="GET"且无需CSRF令牌，但生产环境处理表单更推荐POST。

2. 确保视图能处理提交请求 #

对应渲染页面的Django视图，需要同时支持GET（渲染页面）和POST（接收表单数据）两种请求：

from django.shortcuts import render, redirect

def your_view(request):
    if request.method == 'POST':
        # 处理表单数据，比如获取字段值：request.POST.get('field_name')
        # 处理完成后可重定向到成功页面或当前页面
        return redirect('your_success_url')
    # GET请求时渲染页面
    return render(request, 'your_template.html')

3. 排查JavaScript干扰 #

检查页面内是否有自定义JS代码阻止了表单的默认提交行为，比如以下代码会直接拦截提交，需删除或调整逻辑：

document.querySelector('form').addEventListener('submit', function(e) {
    e.preventDefault(); // 此代码会阻止表单提交
});

若使用jQuery，也要排查类似event.preventDefault()的逻辑。

4. 检查表单字段的name属性 #

所有需要提交的输入字段必须设置name属性，否则Django视图无法通过request.POST获取到对应数据，示例：

<input type="text" name="username"> <!-- 必须设置name属性 -->

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