CODEWITHSUNDEEP
javascripthtmljquerycss
mich kent
mich kent

Reputation: 63

How to Make addEventListener work on submit

am having problem making this to work on submit it works well when using

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

but not workng when i use

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

is there away to make it work on submit than using click

    <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>

Upvotes: 2

Views: 51

Answers (1)

x-magix
x-magix

Reputation: 2852

you have to listen to form submit not to button submit

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

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

do not forget on e.preventDefault(); inside of your code to prevent unwanted submiting

Upvotes: 1

Related Questions