자바 스크립트 - 양식 제출 중단 안 함

Question

나는 사용자가 자바 스크립트를 사용하여 두 번 제출하는 것을 막으려 고하는 양식이 있습니다. 어떤 이유로 처리기 함수가 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

`validationFunction`에 무슨 일

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