Question

我的Javascript代码是这样的表单：

＆＃13;

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

＆＃13;

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

＆＃13;

如您所见，最后一行没有做任何事情，并且未提交数据。

我哪里错了？

编辑：我很抱歉！复制代码时出错了。 eventListener实际上调用了发送函数，这是正确的。我很尴尬......

Answer 1

这是因为form.submit被您在表单中创建的submit元素覆盖。只需更改按钮的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

尝试添加＆＃39;提交＆＃39;输入表单按钮。

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

表格不提交

2 个答案: