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

我试图阻止用户多次单击提交按钮。我尝试了许多类似问题的解决方法

比如：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js">
    $('<% =btnUpload.ClientID %>').click(function () { this.disabled = true });
</script>

$（''）。单击（函数（）{this.disabled=true}）；

我也试过..

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js">
  $("form").submit(function() {
    $(this).submit(function() {
        return false;
    });
    return true;
  });
</script>

$（“表格”）。提交（函数（）{
$（this）.submit（函数（）{
返回false；
});
返回true；
});

并在母版页上尝试了…

<form onsubmit="if(submitted) return false; submitted = true; return true">

但是没有用。。 我仍然能够多次点击按钮

标记：

<asp:Button ID="btnUpload" runat="server" class="blue-button" 
CssClass="ButtonText"OnClick="btnUpload_Click"
 OnClientClick="if (!confirm('Are you sure that you want to Save entered details ?'))
 return false;return doCustomValidate(event,true);"
     Text="Save" />

还请注意，我使用的是母版页，因此您在

id中遗漏了
，请在
之前预先添加它

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

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

如果希望用户只单击按钮一次，请使用
.one（）
附加事件

jquery url:
向其添加禁用的属性

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

$（'#'）。单击（函数（）{
$（this.prop（“disabled”，true）；
});
在javascript中设置一个
count
变量。将其值初始化为
0
。在
中，单击（）
事件侦听器检查条件<代码>如果它是
0
，则允许执行代码并将计数增加
1
Else
，返回false

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

var计数=0；
$（'#'）。单击（函数（）{
如果（计数=0）{
计数++；
返回true；
}否则{
返回false；
}
});
一旦表单提交，页面可能会重新加载，然后重新开始，所有javascript都会丢失。不相关，但为了便于JS/jQuery将按钮控件ClientMode设置为“Static”，然后在jQuery中可以使用标准引用：
$（“#btnUpload”）
为什么不禁用代码隐藏（.cs文件）逻辑类按钮点击事件
var count = 0;
$('#<% =btnUpload.ClientID %>').click(function () {
    if (count == 0) {
        count++;
        return true;
    } else {
        return false;
    }
});