无法从javascript提交django模板中的表单

<form id="myForm" method="POST" action="{% url 'submit_form' %}">
  <!-- 表单字段 -->
  <input type="text" name="username">
  <input type="password" name="password">
  <!-- 提交按钮 -->
  <button type="submit">提交</button>
</form>

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止默认的表单提交行为

  // 获取表单数据
  var formData = new FormData(event.target);

  // 发送表单数据到服务器
  fetch(event.target.action, {
    method: event.target.method,
    body: formData
  })
  .then(function(response) {
    // 处理服务器的响应
    if (response.ok) {
      // 成功提交表单
      console.log("表单提交成功");
    } else {
      // 表单提交失败
      console.log("表单提交失败");
    }
  })
  .catch(function(error) {
    // 处理错误
    console.log("发生错误：" + error);
  });
});