Django表单提交异常：已输入内容仍提示字段必填

你遇到的这个问题核心是前端提交的多选数据没有被Django表单正确接收——明明选了选项，但表单还是判定字段为空。结合你的代码，我帮你梳理下原因和解决方案：

最可能的问题：自定义提交函数未正确处理多选框数据 #

你的表单用了onsubmit="submit_form(...)"自定义提交逻辑，但原生表单提交会自动处理多选框的参数（比如把选中的多个值以symptoms=1&symptoms=2的格式发送），如果你的submit_form函数是用AJAX手动拼接数据，大概率没收集全选中的选项，导致POST数据里根本没有symptoms字段，触发必填错误。

修复步骤： #

1. 先定位问题根源
   在视图的post方法开头加一行打印，看看实际提交的POST数据：

   def post(self, request, *args, **kwargs):
       print("POST数据:", request.POST)  # 检查是否有symptoms键，值是否为数组
       form = symptomsForm(request.POST)
       # ... 后续代码
   

   如果输出里没有symptoms，或者值是单个空字符串，那肯定是前端提交的问题。

2. 修改JS提交函数，用FormData自动收集数据
   把你的submit_form改成用FormData处理表单，它会自动识别所有表单元素（包括多选框），不用手动拼接参数：

   function submit_form(url, viewName) {
       event.preventDefault(); // 阻止默认提交
       const form = event.target;
       const formData = new FormData(form); // 自动收集所有表单数据，包括多选框
   
       // 发送AJAX请求
       fetch(url, {
           method: 'POST',
           body: formData,
           headers: {
               // 带上CSRF令牌，Django需要这个验证
               'X-CSRFToken': form.querySelector('[name=csrfmiddlewaretoken]').value
           }
       })
       .then(response => response.json())
       .then(data => {
           // 这里处理你的响应逻辑，比如更新页面
           console.log("响应数据:", data);
       })
       .catch(error => console.error("提交出错:", error));
   }
   

3. 验证表单渲染的name属性
   查看页面源码，确认多选框的name属性是symptoms（和你表单类里的字段名一致），比如：

   <input type="checkbox" name="symptoms" value="1" class="some classes"> Dry Cough
   

   如果name不对，Django表单无法识别提交的数据。

额外测试：用原生提交排除JS问题 #

如果不确定是JS的问题，可以先临时去掉onsubmit属性，用原生表单提交测试：

<form method="post" class="book-test-drive border pt-3 pl-3 pr-3 pb-1">
    {% csrf_token %}
    <!-- 其他内容不变 -->
</form>

提交后如果表单验证通过，就完全可以确定是自定义JS提交函数的问题，按照上面的方法修复即可。

为什么之前ModelForm能用？ #

ModelForm在处理关联字段时，内部的参数处理逻辑可能更宽松，或者你当时的提交逻辑是原生的，所以没遇到这个问题。本质上和Form/ModelForm无关，核心是提交的数据格式不对。

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