第二次点击jQuery禁用按钮功能

我试图阻止用户点击页面上的按钮两次，所以我一直在做的是在jQuery被点击一次之后隐藏那个按钮。但有没有一种方法，而不是隐藏该按钮来禁用jQuery该按钮后，它被点击一次？第二次点击jQuery禁用按钮功能

我已经试过

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

但我使用此功能时遇到的问题是，只要按钮被点击它，它得到提交表单的机会之前，它成为禁用，因此该表单永远不会被提交。

来源

2013-10-28 Alexander C.

是您的表单提交究竟如何，你可以禁用按钮？你有一个'>'，或者你使用函数提交它吗？如果第一个，你应该没有问题。如果是后者，只需在禁用按钮后调用该函数即可。 –

为什么当表单提交未禁用按钮，因为这是你真正想做的事......

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

来源

2013-10-28 16:59:24 NDM

Dah哈哈。谢谢！作品！ :) –

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

<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); 
});

来源

2013-10-28 17:03:44

第二次点击jQuery禁用按钮功能

回答

相关问题