Javascript-表单提交不停止

Question

我有一个表单，试图阻止用户使用javascript再次提交。 由于某种原因，即使当处理函数返回false并调用event.preventDefault时，该表单仍将提交多次。 有人知道为什么吗？ 另外，我该如何按预期进行这项工作？

document.getElementById('my_form').addEventListener("submit", function(evt){
    if ( validationFunction(document.getElementById('submit_button')) == false) {
        evt.preventDefault();
        return false;
    }
});

函数validationFunction（）{返回false}

<form method="post" id="my_form">
  <input name='textbox'>
  <input type="submit" id="submit_button">
</form>

Answer 1

尝试简单的方法。 像这样

的HTML

<form id="my_form">
<input name='textbox'>
<input type="button"  id="submit_btn">
</form>

JS

document.getElementById("submit_btn").addEventListener("click", function(){

document.getElementById("my_form").submit(); // if validation is true run this
});

Answer 2

document.getElementById('my_form').addEventListener("submit", function(evt){
  if ( validationFunction(document.getElementById('submit_button')) == false) {

        // anything here

        evt.preventDefault();
        return false;
    }

    // anything here

    event.preventDefault();
});