button WEB控件单击后如何在提交服务器处理前使其禁用刷次再次点击

[daihai5460]

问题如题

网上找来资料代码如下但好像无效。。。请高手指点
Button1.Attributes.Add("onclick","<script language='javascript'>function disableButton(){document.getElementById('Button1').disabled=false;}</script>");

[Chris_thanks]

测试可以 下面是demo

    <div>
    
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" OnClientClick="return cheatTheClient(this)"  />
        <input id="btn2" type="button" value="Button"  disabled="disabled" style="display:none;" />
    </div>
 <script type="text/javascript">
    function cheatTheClient(btn1){
    if(btn1!=null){
     btn1.style.display="none";
     document.getElementById('btn2').style.display='block';
    }
    return true; 
    }

    </script>

        protected void Button1_Click ( object sender, EventArgs e ) {
            for ( int i = 0; i < 1000000000; i++ ) {
                int j = 1;
            }
           MessageBox ("disable !");
        }
        public void MessageBox ( string str ) {
            string msg = string.Format ( "<script language=\"javascript\" type=\"text/javascript\">alert(\"{0}\");</script>", str );
            Page.ClientScript.RegisterStartupScript ( this.GetType (), "Warning", msg );
        }

[daihai5460]

Button按钮为服务器控件而非WEB控件

[tkscascor]

不清楚你的意思? 你想要点击服务器控件不刷新??

[wang355]

document.getElementById('Button1') 里面不使Button1 你执行页面，查看源文件，那里面有个自动生成的ID 你用那个ID 叫做ct00类似的一个就可以了

[lxf2000104]

Button1.Attributes.Add("onclick"," document.getElementById('Button1').disabled=false;");--能行
下面这个你试试看
Button1.Attributes.Add("onclick"," <script language='javascript'>function disableButton(){document.getElementById('Button1').disabled=false;} disableButton();</script>");

你只是注册一段函数，而没有执行啊。

[wszhoho]

document.getElementById('"+Button1.ClientID+"')

[lxf2000104]

[Quote=引用 3 楼 wang355 的回复:]
document.getElementById('Button1') 里面不使Button1 你执行页面，查看源文件，那里面有个自动生成的ID 你用那个ID 叫做ct00类似的一个就可以了
[/Quote]
最好的做法是：Button1.Attributes.Add("onclick", "this.disabled=true;");

[daihai5460]

楼上的方法
Button1.Attributes.Add("onclick", "this.disabled=true;");
可以是可以，但同时向服务器端发送的请求也被终止了

怎样做才能在不影响向服务器提交请求的前提下禁用BUTTON按钮呢？

或者当用户点击BUTTON后用什么方法刷止重复提交请求

[Chris_thanks]

来个绝一点的
Web控件Button1 OnClientClick="return cheatTheClient(this)"

再将新建一个Html控件的button ,“btn2" ,disabled=false,display="none"

function cheatTheClient(btn1){
if(btn1!=null){
 btn1.style.display="none";
 document.getElementById('btn2').style.display='block';
}
return true; 
}

还没测试过
有空写个Demo来测试下

[stonehy520]

帮顶