j查询禁用按钮功能在第二次点击

jQuery Disable Button function on second click

本文关键字：第二次 功能 按钮 查询      更新时间：2023-09-26

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

我试过了 

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

但是我对此功能遇到的问题是，一旦单击按钮，它就会在有机会提交表单之前被禁用，因此表单永远不会提交。

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

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

无需使用提交按钮，只需使用一个简单的按钮并手动发送表单提交。

<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);
});
相关文章：