html表单：阻止发送时重新提交

Question

I have this form:

<form action="" method="post" name="my_form">
    <input type="text" name="my_input">
</form>

You can write some text and the submit by pressing the enter key.

My problem: When you press the enter key multiple times, it'll also sent multiple times to my server.

There are solution like this:

onsubmit="my_button=true;return true;"

But these solutions require a submit button.

Is there a way to do this without adding a (hidden) submit button?

Answer 1

Like this (untestet):

    var formSubmitted = false;
    document.getElementById('my-form').addEventListener('submit', function(){
    if(formSubmitted === false) {
        formSubmitted = true;
        return true;
    }
    return false;
});