Question

我试图阻止用户点击页面上的按钮两次，所以我一直在做的是在点击一次后用jQuery隐藏该按钮。但有没有一种方法，而不是隐藏该按钮，以便在点击一次后使用jQuery禁用该按钮？

我试过

$(document).ready(function () {
    $('#onClickHideButton').click(function () {
        $(this).prop('disabled', true);
    });
});

但我使用此功能的问题是，只要单击该按钮，它就会在有机会提交表单之前被禁用，因此表单永远不会被提交。

Answer 1

为什么不在提交表单时禁用按钮，因为这就是你真正想要做的......

$('#myForm').on('submit', function () {
    $('#myButton').prop('disabled', true);
});

Answer 2

不使用提交按钮，只需使用简单按钮并手动发送表单提交。

<input type="button" id="onClickHideButton" value="Submit"/>

$('#onClickHideButton').click(function () {
     $(this).prop('disabled', true);
     $('#myform').submit();
});

或者您可以在提交表单时禁用该按钮

$('#myform').on('submit', function(e) { 
    $('#onClickHideButton').prop('disabled',true);
});

第二次单击时jQuery禁用按钮功能

2 个答案: