2016-05-02 87 views
1

我正在使用node.js/express創建一個網頁。HTML/JS表單被提交兩次

我現在有一個形式與一些輸入和當前頁面

這對另一個按鈕的點擊提交按鈕,這是觸發了我的表單代碼:

<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(); 
     } 

我遇到的問題是表單被提交兩次。我不確定爲什麼會發生這種情況,以及如何解決問題。有小費嗎?

回答

2

您需要在您的onclick屬性中設置return false以防止默認操作,即提交表單(您已經在執行此操作)。像這樣:

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

你的意思是功能load_page(formId){ 的document.getElementById( 「submit_button」)點擊(函數(){返回false;}); }因爲這不起作用 – user3780651

+0

上面添加了代碼。 – odnamrataizem

+0

仍然不起作用...仍然提交表單兩次 – user3780651