使用Javascript阻止表单提交不起作用

Question

在我当前的项目中，我有以下表格：

<form class="form" id="form" method="post" action="/category/insert">
    ...
    <button class="submit" onclick="submit_insert();">Cadastrar</button>
</form>

此表单的提交应通过以下javascript函数处理：

function submit_update() {
  var formData = new FormData(document.getElementById("form"));
  var url = document.getElementById("form").action;

  var xhr = new XMLHttpRequest();
  xhr.open("POST", url);
  xhr.onload = function(event){
    event.preventDefault();
    ...
  };
  xhr.send(formData);
}

但是，当我在浏览器中打开页面并提交表单时，该页面将转发到空白页面，这是我期望的结果，无需使用JavaScript处理提交，而不执行函数的指令。 / p>

有人可以给我提示我在做什么错了吗？