表单未提交

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