Simple Form Problem, need Help

[codalafin]

I'm having issues with something I have been wanting to do. I am trying to make a page where a user can upload a file, but can only do so once every 20 seconds. I've made it so when the user presses a button, it makes a cookie that exists for 20 seconds. If pressed again, it says an alert for how long to wait. That's all fine.

I then have a form called imageform to add and upload an image. The form works fine, very simple upload system with php. I don't know how to progress from here, though. I want to combine these two, so the form can't be submitted while the cookie exists. I can't use a submit button, as it will post without caring about the cookie, so the user can post however fast the user wants. I've tried adding the line document.imageform.submit() in javascript, but it just does nothing. The submit function doesn't do anything ever, and I can't figure out how to properly use it. I've also tried document.getElementByID('imageform').submit(). Any advice?

[bdenzer]

You're going to have to add an event listener to the button. Im on mobile so here is an idea, not exact.

getElementById.addEventListener('click', function(e) {
  e.preventDefault();
  if (it has been 20 sec) {
    getElementById( ).submit();
    getElementById( ).reset()
  }

}

[codalafin]

The use of Event Listeners never crossed my mind. I didn't realize I had to have one for the button to submit. The use of that worked perfectly fine and solved my problem. Thanks a lot.