Disabling double submit prevent sending submit name [duplicate]

问题

I run into the bug with my multi form page:

I have two forms:

<form>
<input type="submit" id="single-submit" name="form_1" value="Submit 1"/>
</form>

<form>
<input type="submit" id="single-submit" name="form_2" value="Submit 2"/>
</form>

And this JavaScript to prevent double submit:

$("form").one('submit', function() {
    $('#single-submit').prop("disabled", true);
});

I'm trying to get the submit name in php:

if(isset($_POST['form_1']))
{
    // form 1 submitted
}

if(isset($_POST['form_2']))
{
    // form 2 submitted
}

But JS is preventing this, why?

I can recieve submit name="" from second, third... form. But not from the first form on page.

UPDATE:

Removed double ids, added classes instead:

<form action="example.com/process" method="post" accept-charset="utf-8">
<input type="submit" class="single-submit" name="form_1" value="Submit 1"/>
</form>

<form action="example.com/process" method="post" accept-charset="utf-8">
<input type="submit" class="single-submit" name="form_2" value="Submit 2"/>
</form>

And this JavaScript to prevent double submit:

$("form").one('submit', function() {
    $('.single-submit').prop("disabled", true);
});

Moreover now first AND second form does not return submit name.

Also tried on( instead, no luck.
So it seems something still wrong with JS.

Without this JS everything is working as expected.

回答1:

Use a class instead of an id on this : id="single-submit".

An id must be unique.

来源：https://stackoverflow.com/questions/38207721/disabling-double-submit-prevent-sending-submit-name

标签

javascript

php

jquery

forms