HTML / JS表单被提交两次

我正在使用node.js / express创build一个网页。

我目前有一个表单有一些input和一个提交button，通过点击当前页面上的另一个button触发

这是我的表单的代码：

<form name= "form" id="form-id" action="http://localhost:1337/process_post" method="POST"> <input type="hidden" name="hiddentext" id="textarea"/> <input hidden type="submit" name="submitbutton" id="submit_button"/> </form> 

这是我的button（在onclick事件中触发提交表单被点击）

  <INPUT type="button" id="button-id" value="Save" onclick="this.disabled=true;load_page('form-id')" /> 

这是我的JS脚本点击提交button

  function load_page(formId){ document.getElementById("submit_button").click(); } 

我的问题是表单被提交两次。 我不确定为什么发生这种情况，以及如何解决这个问题。 有小费吗？

Answer 1

您需要在onclick属性中return false以防止提交表单（您已经在执行）的默认操作。 喜欢这个：

 <INPUT type="button" id="button-id" value="Save" onclick="this.disabled=true;load_page('form-id');return false;" />