ASP.NET的OnClientClick與OnClick事件

OnClientClick是客戶端事件方法.一般采用JavaScript來進行處理.也就是直接在IE端運行.一點擊就運行.

OnClick事件是服務器端事件處理方法,在服務器端,也就是IIS中運行.點擊按鈕后,執行postback,再運行.

如果一個按鈕上我們同時有客戶端的OnClientClick方法又有OnClick事件處理方法,如何才能按照正常的邏輯運行呢？

OnClientClick中我們常用來做一些客戶端的檢測.當然放在服務器也可以做同樣的檢測,但這樣做的代價是與服務器進行交互,消耗資源。

例:

test()為一javascript函數.

    <script type="text/javascript">
 function test() {
 var value = document.getElementById("<%=t1.ClientID%>").value;
 if (value == "") {
 alert("不能為空值");
 return false;
 }
 }
 </script>

t1為一文本框，判斷輸入內容是否為空

<asp:TextBox ID="t1" runat="server"></asp:TextBox>

        <asp:Button ID="Button1" runat="server" Text="提交"  OnClientClick="return test()" onclick="Button1_Click"  />

需要注意的是當我們當擊這個按鈕時,自動先執行的客戶端,再執行服務器端的.如果客戶端返回的是false,那么服務器端對應的方法永遠不會執行.這樣就達到檢測,只有通過才去執行服務器端的方法.

也就是說如果我們上面寫成:

        <asp:Button ID="Button1" runat="server" Text="提交"  OnClientClick="test();return false" onclick="Button1_Click"  />

 

那么不管test（）執行的結果如何.服務器端對應的Button1_Click方法都永遠不會執行.因為return false使得始終使客戶端返回false

如果我們寫成:

        <asp:Button ID="Button1" runat="server" Text="提交"  OnClientClick="test()" onclick="Button1_Click"  />

 

那么Button1_Click都有會發生.同樣也就達不到效果.也就是說你沒有通過檢測也去執行服務器的方法了.

我們還可以通過Button1.Attributes.Add("onclick", "test()");的方法來觸發客戶端事件

以下相當於：表單的提交

<asp:Button ID="ButtonRoleSave" runat="server" OnClick="ButtonRoleSave_Click" UseSubmitBehavior="false"
                        OnClientClick="Submit(this);" />