表單未提交

Question

我的JavaScript代碼具有這樣的形式：

 var btnSubmit = document.getElementById("submit"); btnSubmit.addEventListener("click", sending); function sending() { btnSubmit.disabled = true; btnSubmit.value = "Sending..."; btnSubmit.form.submit(); //<----- this doesn't do anything!!! } 

 <form id="form_save" action="/ValidatePicsServlet" method="post"> <!-- more inputs --> <button id="submit" type="button">Save changes</button> </form> 

如您所見，最后一行不執行任何操作，並且未提交數據。

我哪里錯了？

編輯：非常抱歉！ 復制代碼時出錯。 eventListener實際上調用了發送函數，這是正確的。 不好意思

Answer 1

這是因為form.submit被您在表單內部創建的commit元素覆蓋。 只需更改按鈕的ID，它的工作就像一種魅力。

 var btnSubmit = document.getElementById("submit-button"); btnSubmit.addEventListener("click", sending); function sending() { btnSubmit.disabled = true; btnSubmit.value = "Sending..."; btnSubmit.form.submit(); } 

 <form id="form_save" action="/ValidatePicsServlet" method="post"> <!-- more inputs --> <button id="submit-button" type="button">Save changes</button> </form> 

Answer 2

嘗試將“提交”類型添加到表單按鈕。

<input type="submit" id="submit" value="Submit">