如何使 addEventListener 在提交時工作

Question

在提交時遇到問題，使用時效果很好

document.getElementById("gets").addEventListener("click", b_button);

但當我使用時不起作用

document.getElementById("gets").addEventListener("submit", b_button);

有沒有讓它在提交上工作而不是使用點擊

    <form method="post">
          
              <button type="submit" id="gets">Submit</button>
             <p id="error"></p>
            
   
          </form>
    
   
    <script>
       function b_button() {
    document.getElementById("gets").disabled = true;
    var time_meter = 10;
    var runTimer = setInterval(function() {
        if (time_meter <= 0) {
            clearInterval(runTimer);
            document.getElementById("error").innerHTML = "";
        } else {
            document.getElementById("error").innerHTML = 'counting ' + time_meter;
        }
        time_meter -= 1;
    }, 1000);
    setTimeout(function() {
        document.getElementById("gets").disabled = false;
    }, 10000);

}

document.getElementById("gets").addEventListener("submit", b_button);
    </script>

Answer 1

你必須聽表單提交而不是按鈕提交

<form id="form" method="post">

document.getElementById("form").addEventListener("submit", function(e){ .... }

不要忘記e.preventDefault(); 在您的代碼內部，以防止不必要的提交