【转】ASP.NET的OnClientClick与OnClick事件【解决了“识别用户在对话框里面选yes或no的问题”】

OnClientClick是客户端事件方法.一般采用JavaScript来进行处理.也就是直接在IE端运行.一点击就运行.

OnClick事件是服务器端事件处理方法,在服务器端,也就是IIS中运行.点击按钮后,执行postback,再运行.

如果一个按钮上我们同时有客户端的OnClientClick方法又有OnClick事件处理方法,如何才能按照正常的逻辑运行呢?

OnClientClick中我们常用来做一些客户端的检测.当然放在服务器也可以做同样的检测,但这样做的代价是与服务器进行交互,消耗资源。

例:

test()为一javascript函数.

 1 <script type="text/javascript">
 2         function test()
 3        {
 4             var value = document.getElementById("%=t1.ClientID%>").value;
 5             if (value == "")
 6             {
 7                 alert("不能为空值");
 8                 return false;
 9             }
10         }
11 </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()");的方法来触发客户端事件。

以上来自:http://blog.163.com/huang_qy/blog/static/615601452012101535413943/

======================================================================================

相类似的文章:http://blog.csdn.net/goodshot/article/details/8645740

OnClick与OnClientClick对于菜鸟的我来说真的花了一点时间去搞清楚。OnClientClick是在客户端方面运行的。而OnClick是会postback在服务器端运行的(这挺废话的)。但这里存在著执行时间和條件。時序性:网页上点击一个button第一个先触发的是客户端的OnClientClick,然後才會執行OnClick。條件性:要在 OnClientClick返回true的情況下,OnClick才會被后续执行。在网页默认的情况下:OnClientClick执行函数后,如果函数没有返回值OnClientClick会返回true,所以可以让OnClick顺利执行。但也存在着某些时候不让OnClick执行的价值。例如使用 Javascript进行用户的第一层验证或基本的检查工作。如果不符合条件就不触发OnClick回到服务器端继续逻辑。

那么在这种情况下就要人为的将OnClientClick的返回弄成 false。做法很简单。定义一个根据检测条件返回true或者false值的Javascript或vbscript函数。然后在 OnClientClient调用。方法是OnClientClick=“return fun(真是你定义的Javascript或vbscript函数);”这样就可以达到符合条件才会触发OnClick,不符合条件不触发 OnClick。

对于LinkButton我们做了一个实验,测试成功了:

<script type="text/javascript">
    function delete_user( obj)
    {

var r=confirm("确认删除此用户?");
      return r;

}

</script>

.......

<td><asp:LinkButton ID="LinkButtonDeleteUser" runat="server" CommandName="Order" CommandArgument=‘<%# Eval("UserName") %>‘ OnCommand="LinkButtonDeleteUser_Command"  OnClientClick="return delete_user(this);" >删除用户</asp:LinkButton></td>

.......

该操作是当用户在页面点解“删除用户”的链接按钮时,先弹出“确认删除此用户?”的信息框,如果用户选择的是确定时才执行删除用户的操作。

学习资料:

http://msdn.microsoft.com/zh-cn/library/dd410060

这里详细介绍了ASP.NET 提供的两种方法如何用来实现客户端功能。

http://www.w3school.com.cn/aspnet/aspnet_refwebcontrols.asp

这里包括了ASP.NET中所有WEB服务器控件的属性和使用方法

======================================================================================

相类似的问题的文章:

http://www.cnblogs.com/BensonHe/articles/1780987.html

服务器控件妙用OnClientClick事件阻止回传

很多时候,我们需要对服务器控件的输入内容进行验证,如果在后台.cs页面进行验证,则会刷新页面,在用户体验和效率方面都不划算,其实完全可能在客户端使用javascript进行验证,只要编写客户端事件OnClientClick便可以了。OnClientClick会在OnClick事件之前触发。如果OnclientClick事件函数返回false,那么控件不再回传,即OnClick事件也不会再执行。见下例:

<script type="text/javascript">

function check() {

var input = document.getElementById("text1").value;

if(input == null || input == "")

{

alert("文本框不能为空!");

return false;

}

return true;

}

</script>

<div>

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

<asp:Button ID="summitBtn" runat="server" Text="提交" OnClick="summitBtn_Click" OnClientClick="return check();" />

</div>

因为check()函数有返回值,所以前面的return关键字不能漏掉。如果检验通过,即返回true,则summitBtn_Click会继续执行,可以在summitBtn_Click中对表单的数据进入数据库操作。

======================================================================================

【转】ASP.NET的OnClientClick与OnClick事件【解决了“识别用户在对话框里面选yes或no的问题”】

时间: 2024-11-16 15:50:03

【转】ASP.NET的OnClientClick与OnClick事件【解决了“识别用户在对话框里面选yes或no的问题”】的相关文章

ASP.NET的OnClientClick与OnClick事件

OnClientClick是客户端事件方法.一般采用JavaScript来进行处理.也就是直接在IE端运行.一点击就运行. OnClick事件是服务器端事件处理方法,在服务器端,也就是IIS中运行.点击按钮后,执行postback,再运行. 如果一个按钮上我们同时有客户端的OnClientClick方法又有OnClick事件处理方法,如何才能按照正常的逻辑运行呢? OnClientClick中我们常用来做一些客户端的检测.当然放在服务器也可以做同样的检测,但这样做的代价是与服务器进行交互,消耗资

HTMLDOM-onmousedown、onmouseup 以及onclick事件触发顺序

摘自w3school:http://www.w3school.com.cn/htmldom/dom_events.asp onmousedown.onmouseup 以及 onclick 事件是鼠标点击的全部过程. 首先当某个鼠标按钮被点击时,触发 onmousedown 事件,然后,当鼠标按钮被松开时,会触发 onmouseup 事件,最后,当鼠标点击完成时,触发 onclick 事件.

ASP.NET的OnClientClick(return )与OnClick事件

OnClientClick是客户端事件方法.一般采用JavaScript来进行处理.也就是直接在IE端运行.一点击就运行. OnClick事件是服务器端事件处理方法,在服务器端,也就是IIS中运行.点击按钮后,执行postback,再运行. 如果一个按钮上我们同时有客户端的OnClientClick方法又有OnClick事件处理方法,如何才能按照正常的逻辑运行呢? OnClientClick中我们常用来做一些客户端的检测.当然放在服务器也可以做同样的检测,但这样做的代价是与服务器进行交互,消耗资

asp.net js验证为空j时,不让button执行onclick事件

<script type ="text/javascript" language="javascript">           function checkInput() {                  var strMsg = "";          var userName = document.getElementById("<%=txt_Uer.ClientID%>").value; 

asp.net 环境下当javascript验证不通过是禁止button按钮执行onclick事件的

把内容过程重要的一些内容段做个记录,下边资料是关于asp.net 环境下当javascript验证不通过是禁止button按钮执行onclick事件的内容. <script type ="text/javascript" language="javascript">function checkInput() { var strMsg = "";var userName = document.getElementById("&

asp.net中Button按钮点击两次才执行Onclick事件的原因

今天写了一个简单的聊天室,有登录页面和聊天室,当从登录页面跳入到聊天室过后,却发现要点击两次发送按钮才能发送到显示区,然后发送按钮正常运行. 通过不断测试,发现,第一次点击并没有执行点击事件,第二次才执行的点击事件.并且也找到了问题所在.下面用一个简单的小例子来说明: 页面Server_Transfer.aspx: <asp:Button ID="Button1" runat="server" Text="Button" OnClick=&

OnClientClick和OnClick的区别

       最近发现两个特别相近的客户端事件,OnClientClick和OnClick,都是点击事件,又有什么区别呢? 首先我们要了解这两个事件: OnClientClick是客户端事件方法.一般采用JavaScript来进行处理.也就是直接在IE端运行.一点击就运行. OnClick事件是服务器端事件处理方法,在服务器端,也就是IIS中运行.点击按钮后,执行postback,再运行. 如果一个按钮上我们同时有客户端的OnClientClick方法又有OnClick事件处理方法,如何才能按照

onclientclick和onclick区别(转)

OnClientClick是客户端脚本,一般使用javascript,在客户端,也就是IE中运行,点击后马上执行OnClick是服务器端事件处理函数,使用C#或者vb.net,在服务器端,也就是IIS中运行,点击按钮后,执行postback,之后再运行. 其实有的时候需要客户端和服务端双重校验,为什么这么说呢? 比果说,一个用户名的文本框,在客户端我们通过JS校验,只能输入字母和数字,不能有特殊字符!通常情况下是没有问题的,但是总有那么一丢丢人想方设法的去“搞破坏” ,这个时候就需要进行双重校验

JS、OnClientClick、OnClick

OnClientClick是客户端事件处理方法,一般采用JavaScript来进行处理,也就是直接在浏览器端运行,一点击就运行: OnClick是服务器端事件处理方法,在服务器端也就是IIS中运行,点击后,先执行postback,再运行: OnClientClick常用来做一些客户端的检测.当然也可以放在服务器端检测,但是需要与服务器进行交互,消耗资源,而且用户体验也不好. 当 一个控件上同时有OnClick和OnClientClick时,OnClientClick先于OnClick执行.如果O