javascript - 使用 onsubmit 禁用按钮会丢失 POST 中的按钮键/值

Question

我试图防止表单的保存按钮被点击两次。当我onsubmit='save.disabled=true'在表单的标签中设置时，提交时按钮被禁用，但 POST 数据不再包含“保存”键和值。由于表单上有多个按钮，因此我需要知道单击了哪个按钮。是否有另一种方法可以在没有这种副作用的情况下禁用保存按钮？

<form method='post' action='dosomething.php?' enctype='multipart/form-data' onsubmit='save.disabled=true'>
    ... input types & Other buttons ...
    <input type='submit' name='save' value='Save'>
</form>

Answer 1

您可以在禁用之前为您单击的按钮的值分配另一个变量吗？类似于以下内容：

$('#submit').click(function () {
    $('#form').append("<input type='hidden' name='" + $(this).attr('name') + "' value='"+
                     $(this).attr('value')+ "' />");
    $(this).attr("disabled", true);
    $('#form').submit();
    });

Answer 2

为什么不隐藏按钮。当您禁用表单元素时，它不会出现在 $_POST 中。

<form method='post' action='dosomething.php?' enctype='multipart/form-data' onsubmit='save.style["visibility"] = "hidden"'>
        ... input types & Other buttons ...
        <input type='submit' name='save' value='Save'>
    </form>