如何防止用户多次点击按钮？

我试图阻止用户多次单击提交按钮。 为了类似的问题，我尝试了很多关于SO的事情。

例如：

 $('').click(function () { this.disabled = true });  

我也试过..

  $("form").submit(function() { $(this).submit(function() { return false; }); return true; });  

并且还在母版页上尝试过…

但没有用..我仍然可以不止一次点击按钮。

加价 ：

另请注意，我正在使用母版页

Answer 1

添加禁用的属性。

 $('#<% =btnUpload.ClientID %>').click(function () { $(this).prop("disabled", true); }); 

Answer 2

如果您希望用户只按一次按钮，请使用.one()附加事件。

jquery url： http ： //api.jquery.com/one/

Answer 3

您在<% =btnUpload.ClientID %>之前错过了您的id # ，

 $(function(){ $('#<% =btnUpload.ClientID %>').click(function () { this.disabled = true; }); }); 

如果你只想添加一次点击事件然后使用一个（） ，

 $(function(){ $('#<% =btnUpload.ClientID %>').one('click',function () { // your code on click event }); }); 

如果，你的id改变了（ render后Clientid changes ）然后尝试使用class selector比如

 $(function(){ $('.ButtonText').click(function () { this.disabled = true; }); }); 

Answer 4

在javascript中设置一个count变量。 将其值初始化为0 。 在.click()事件监听器中检查条件。 If为0 ，则允许执行代码并将计数增加1 。 Else ，返回false。

 var count = 0; $('#<% =btnUpload.ClientID %>').click(function () { if (count == 0) { count++; return true; } else { return false; } });