asp.net 点击按钮后置灰，防止重复提交的代码！

ASP.NET按钮禁用与加载状态

最新推荐文章于 2023-10-03 15:44:25 发布

原创最新推荐文章于 2023-10-03 15:44:25 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#asp.net #function

asp.net应用篇专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种在ASP.NET中通过JavaScript和C#实现按钮点击后的禁用及加载状态显示的方法。具体实现包括：设置按钮点击事件触发后的等待状态、更改按钮文字为“请稍候...”以及禁用按钮防止重复点击等。

public void page_load(Object obj,EventArgs e)
{
  btn.Attributes.Add("onclick","state=true;");
  StringBuilder sb=new StringBuilder();
  sb.Append("if (!state) return;");
  sb.Append("var button=document.getElementById('btn');");
  sb.Append("button.value=/" Please Wait... /";");
  sb.Append("document.body.style.cursor='wait';");
  sb.Append("button.disabled=true;");

string strScript="<script>";
strScript=strScript +"var state=false;";

//将函数绑定到页面的onbeforeunload事件:
strScript=strScript +"window.attachEvent('onbeforeunload',function(){" +sb.ToString()+ "});";
strScript=strScript +"</"+"script>";
Page.RegisterStartupScript("onbeforeunload",strScript);
}

private void Submit_Click(Object sender, EventArgs e){
  //模拟长时间的按钮处理
  System.Threading.Thread.Sleep(3000);
  Response.Write("<script>alert(xxx!!');"+"</"+"script>");

}