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

时间:2019-01-10 01:36:29

标签: javascript forms submit form-submit preventdefault

在我当前的项目中,我有以下表格:

<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>

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

0 个答案:

没有答案
相关问题