ASP.NET1.1、ASP.NET2.0、ASP.NET3.5中驗證控件等問題
在asp.net頁面中，當有驗證控件，而且想在驗證控件驗證通過之后，彈出一個確認對話框，提示是否繼續。
當在button按鈕上添加客戶端的onclick="return confirm('Are you sure to continue?')"時，驗證控件的驗證就會失效。因為驗證控件也是添加客戶端的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" />
其實，CausesValidation="False/True"都不會有任何影響。
接著，在后臺代碼的Page_Load事件中，注冊客戶端的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?'));";
- }
這里要特別注意的一個地方是，不能把它放在if(!isPostBack) {...}的里面，否則，***次正常，下一次開始就會報
Microsoft JScript 運行時錯誤: 'WebForm_PostBackOptions' 未定義
即要求每觸發一次，都要重新注冊一次onclick事件。
昨天測試的時候有這個問題，可能是VS2008安裝的有問題的緣故(設計模式就無法顯示)，
今天測試了下，可以只注冊一次，即頁面加載時，如下：
- 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?'));";
- }
- }
驗證控件方法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))";
- }
- }
其實，方法1運行后，在客戶端html中生成的onclick代碼就是方法2中的代碼。
若是用方法2的方法在后臺直接寫javascript字符串，則可以去掉***一句，不然，就多了一次驗證了。即如下：
- 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每次點擊按鈕之前都要在page_load中注冊一次，而方法2只要在page_load中注冊一次就夠了。
vb.net與C#生成的html客戶端代碼有點點不同
- 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中，且只需要注冊一次就可以了
- '在生成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" />
接著，在后臺代碼的Page_Load事件中，注冊客戶端的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);
- }
- }
因asp.net1.1中注冊onclick代碼只包含javascript代碼，故可以放在if(!IsPostBack){...} 里面而不會有問題。
這樣就會先驗證控件，通過了再彈出確認對話框。
【編輯推薦】
