码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET的OnClientClick与OnClick事件

时间:2015-06-30 19:59:05      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:

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);" />

 

 

 

 

ASP.NET的OnClientClick与OnClick事件

标签:

原文地址:http://www.cnblogs.com/dlf-myDream/p/4611193.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!