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

Question

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

我试过了

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

但是我对这个功能的问题是,一旦点击按钮它就会在它有机会提交表单之前被禁用,因此表单永远不会被提交.

Answer 1

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

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