Javascript - Form Submit not stopping

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

Попробуйте простым способом. Как это

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