javascript - 如何阻止浏览器在 javascript 中提交表单？

Question

当运行我的表单的这段代码是提交而不是结束提交时。

当计数为0时如何停止提交？

function btnCheck_Click() {
  var count = parseInt(61);
  myCounter = setInterval(function () {
  if (count > 0)
    count--;
    elem.html( count );
  }, 1000);
}

Answer 1

您可以最轻松地从提交处理程序中取消表单提交，因此使用以下内容：

<form onsubmit="return validateClickCount()" />

现在如果你有一个函数validateClickCount，提交动作将在它返回时被取消false。

function validateClickCount() {
  return false;
}

有了这个，您只需要更改btnCheck_Click/interval-callback 以减少全局计数器，然后在validateClickCount.

var count = 61;
function btnCheck_Click() {
  myCounter = setInterval(function () {
    if (count > 0)
      count--;
      elem.html( count );
  }, 1000);
}

function validateClickCount() {
  return count > 0;
}

如果您正在寻找更多信息，我建议您也查看这个问题和答案：如何在提交按钮 onclick 事件中取消表单提交？