HTML / JS表单提交两次

时间:2016-05-02 20:13:16

标签: javascript html node.js forms submit

我使用node.js / express创建网页。

我目前有一个带有一些输入的表单和一个提交按钮,通过点击页面上当前的另一个按钮触发该按钮

这是我表单的代码:

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

这是我的按钮(触发onclick事件期间点击表单的提交)

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

这是我点击提交按钮的JS脚本

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

我遇到的问题是表单已提交两次。我不确定为什么会发生这种情况以及如何解决问题。有什么提示吗?

1 个答案:

答案 0 :(得分:2)

您需要在return false属性中onclick,以防止默认操作,即提交表单(您已经在进行)。像这样:

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