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

Question

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

例如:

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

我也试过了..

<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>

也试过...母版页

<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" />

另请注意，我使用的是母版页，所以

Answer 1

为其添加禁用属性。

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