一键禁用按钮防止多次提交，重定向后启用

Question

我有一个 ASP 按钮，当单击它时会创建一个故障单。有时该过程需要几秒钟，最终用户多次按下提交按钮会生成重复的票证。一旦提交成功，它就会重定向到另一个页面，上面写着“等等等等她是你的票号”我想要发生的事情是按钮更改为“请稍候”并禁用多次点击，直到它们被重定向到另一个页面。此外，当页面稍后重新加载时，该按钮不再被禁用。我正在使用字段验证器，并且正在考虑通过在提交单击后清除文本框来使用暴力破解，以便必需的字段验证器拾取空字段并且不允许额外点击，但不知道字段是否会足够快地清除？

<td colspan="2" style="text-align: right">
            <asp:Button ID="btnSubmit" runat="server" Text="Submit Request"  OnClick="btnSubmit_Click" OnClientClick="" />

我对 javascript 不是很熟悉，刚从学校毕业，转行后才进入这个领域。所以提前感谢您的耐心等待

Answer 1

你可以像这样使用一些简单的javascript：

<asp:Button ID="btnSubmit" runat="server" Text="Submit Request" OnClick="btnSubmit_Click" OnClientClick="disableButton" />

<script> 
  function disableButton(){ document.getElementById('<%= btnSubmit.ClientID %>').disabled = true; }
</script>