ASP.NET1.1、ASP.NET2.0、ASP.NET3.5中驗(yàn)證控件等問題

作者：joe-yang 2009-07-29 15:17:42

本文解決了ASP.NET1.1, ASP.NET2.0,ASP.NET3.5中驗(yàn)證控件和自定義彈出確認(rèn)窗口的沖突問題的。

在asp.net頁面中，當(dāng)有驗(yàn)證控件，而且想在驗(yàn)證控件驗(yàn)證通過之后，彈出一個(gè)確認(rèn)對(duì)話框，提示是否繼續(xù)。

當(dāng)在button按鈕上添加客戶端的onclick="return confirm('Are you sure to continue?')"時(shí)，驗(yàn)證控件的驗(yàn)證就會(huì)失效。因?yàn)轵?yàn)證控件也是添加客戶端的onclick事件。

在asp.net2.0, asp.net3.5中可以使用如下方法解決。（asp.net1.1的稍后再說）

首先將button的CausesValidation=“false”, 即

< asp:Button ID="Button1" runat="server" Text="Button"  CausesValidation="False"  OnClick="clickme" />

其實(shí)，CausesValidation="False/True"都不會(huì)有任何影響。

接著，在后臺(tái)代碼的Page_Load事件中，注冊(cè)客戶端的onclick事件。

方法1：

protected void Page_Load(object sender, EventArgs e)  
    {  
        Button1.OnClientClick = ClientScript.GetPostBackEventReference(  
            new PostBackOptions(Button1, "", "", false, true, false, false, true, ""))   
            + ";return (Page_IsValid && confirm('Are you sure to continue?'));";   
    }

這里要特別注意的一個(gè)地方是，不能把它放在if(!isPostBack) {...}的里面，否則，***次正常，下一次開始就會(huì)報(bào)

Microsoft JScript 運(yùn)行時(shí)錯(cuò)誤: 'WebForm_PostBackOptions' 未定義

即要求每觸發(fā)一次，都要重新注冊(cè)一次onclick事件。

昨天測(cè)試的時(shí)候有這個(gè)問題，可能是VS2008安裝的有問題的緣故(設(shè)計(jì)模式就無法顯示)，

今天測(cè)試了下，可以只注冊(cè)一次，即頁面加載時(shí)，如下：

protected void Page_Load(object sender, EventArgs e)  
    {  
        if (!IsPostBack)  
        {  
            Button1.OnClientClick = ClientScript.GetPostBackEventReference(  
                new PostBackOptions(Button1, "", "", false, true, false, false, true, ""))  
                + ";return (Page_IsValid && confirm('Are you sure to continue?'));";  
        }  
          
    }

驗(yàn)證控件方法2：

protected void Page_Load(object sender, EventArgs e)  
    {  
        if (!IsPostBack)  
        {  
            Button1.OnClientClick = "javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions('Button1', '', true, '', '', false, false));return (Page_IsValid && confirm('Are you sure to continue?'));WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions('Button1', '', true, '', '', false, false))";  
        }  
    }

其實(shí)，方法1運(yùn)行后，在客戶端html中生成的onclick代碼就是方法2中的代碼。

若是用方法2的方法在后臺(tái)直接寫javascript字符串，則可以去掉***一句，不然，就多了一次驗(yàn)證了。即如下：

protected void Page_Load(object sender, EventArgs e)  
    {  
        if (!IsPostBack)  
        {  
            Button1.OnClientClick = "javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions('Button1', '', true, '', '', false, false));return (Page_IsValid && confirm('Are you sure to continue?'));";  
        }  
    }

方法1每次點(diǎn)擊按鈕之前都要在page_load中注冊(cè)一次，而方法2只要在page_load中注冊(cè)一次就夠了。

vb.net與C#生成的html客戶端代碼有點(diǎn)點(diǎn)不同

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load  
        If Not Me.Page.IsPostBack Then  
            Me.Button1.OnClientClick = "javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions('Button1', '', true, 'name', '', false, false));return (Page_IsValid && confirm('Are you sure to continue?'));" 
        End If  
    End Sub

或

Protected Sub Page_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.PreRender  
        If Not Me.Page.IsPostBack Then  
            'VB.NET中要把下面這句放在Page_PreRender里，不能放在Page_Load中，且只需要注冊(cè)一次就可以了  
            '在生成html的客戶端代碼中，比C#少了一部分代碼。  
            Me.Button1.OnClientClick = Me.Page.ClientScript.GetPostBackEventReference(New System.Web.UI.PostBackOptions(Me.Button1, "", "", False, True, False, False, True, "name")) & _  
            ";return (Page_IsValid && confirm('Are you sure to continue?'));" 
        End If  
    End Sub

asp.net2.0和asp.net3.5的介紹完了，下面介紹asp.net 1.1里的解決方案

首先也是將button的CausesValidation=“false”, 即

< asp:Button ID="Button1" runat="server" Text="Button"  CausesValidation="False"  OnClick="clickme" />

接著，在后臺(tái)代碼的Page_Load事件中，注冊(cè)客戶端的onclick事件。

private void Page_Load(object sender, System.EventArgs e)  
        {  
            // 在此處放置用戶代碼以初始化頁面  
            if (!this.Page.IsPostBack)  
            {  
                string msg = "javascript:if (typeof(Page_ClientValidate) == 'function'){ if(Page_ClientValidate()) return window.confirm('Are you sure to continue?');}";  
                this.Button1.Attributes.Add("onclick",msg);  
            }  
              
        }