Javascript - Form停止しないで送信する

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（）{ リターン偽}

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

Answer 1

は、簡単な方法でそれを試してみてください。 validationFunction` `で何が起こっているこの

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(); 
});