基础知识收藏(ASP.NET的OnClientClick与OnClick事件)-2013.07.10
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()" οnclick="Button1_Click" />需要注意的是當我們當擊這個按鈕時,自動先執行的客戶端,再執行服務器端的.如果客戶端返回的是false,那么服務器端對應的方法永遠不會執行.這樣就達到檢測,只有通過才去執行服務器端的方法.
也就是說如果我們上面寫成:
<asp:Button ID="Button1" runat="server" Text="提交" OnClientClick="test();return false" οnclick="Button1_Click" />?
那么不管test()執行的結果如何.服務器端對應的Button1_Click方法都永遠不會執行.因為return false使得始終使客戶端返回false
如果我們寫成:
<asp:Button ID="Button1" runat="server" Text="提交" OnClientClick="test()" οnclick="Button1_Click" />?
那么Button1_Click都有會發生.同樣也就達不到效果.也就是說你沒有通過檢測也去執行服務器的方法了.
我們還可以通過Button1.Attributes.Add("onclick", "test()");的方法來觸發客戶端事件。
以上內容完全摘錄自huang_qy前輩的博客,僅供自己和他人學習使用,上面講得很細致,菜鳥受教了,感謝。
轉載于:https://www.cnblogs.com/CuiPengfei19911014/p/3182229.html
總結
以上是生活随笔為你收集整理的基础知识收藏(ASP.NET的OnClientClick与OnClick事件)-2013.07.10的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 小数类型区别
- 下一篇: Spring JTA应用JOTM At