HTML 控件和web控件 OnClientClick和OnClick OnServerClick区别

 

^_^

本来对html控件,服务器控件的知识模模糊糊的。今天特地查了相关的知识。

下面是我写代码总结的。

这些事件   主要用于在客户端执行验证,然后决定是否执行服务端事件   (没接触之前就为此纳闷呢,now豁然开朗)

假设:若输入框里的  字符长度  >1   and  <5 的话,就会执行服务器端的代码。

js:

<script type="text/script">

function abc()

{

var len=document.getElementById("text").value;             //得到text里的值

if(a.length>1 && a.length<5)

return ture;

else

{

alert('长度必须大于1小于5');

return fasle;

}

}

</script>

1.   onclick   ,onclientclick  事件 使用  (html控件定义为 runat='server'使用)

如:  <input type="button" onclick="javascript:if(abc())" onserverclick="后台事件" runat="server" />

注意 :   onclick 里的写法      javascript:if(abc())      结束时候无分号 .

2.  onclick   ,onclientclick  事件

<asp:button        id="bt"   onclick="bt_click "  onclientclick="return abc() ;"   runat="server">             //  renturn  true  则执行 服务端事件;否则

不执行

3.

后台pageload 方法中添加 前台的onclick 事件

protected void Page_Load(object sender, EventArgs e)
    {
        btt.Attributes.Add("onclick", "javascript:if(document.getElementById('text').value.length>5);else {alert('length小于5了');return false;}");
    }

 
 
onClick:执行C#代码, OnClientClick:执行javascript代码。
        
        OnClientClick先于OnClick发生,一般执行脚本

  OnClientClick() 控制客户端提交。

  例如可以使用confirm('是否执行?')

  return true:执行OnClick事件。

  return false:什么都不干。

  再得来说:

  OnClientClick是调用客户端的事件,OnClick是调用服务器端的事件,当点击button时,先触发OnClientClick事件再触发OnClick事件

  一般我们用 OnClientClick验证我们的提交数据,但是这个一定要返回ture或者false,即一定要加上return,否则OnClick失效。当返回false时OnClick服务器端事件才被中止,当你的js验证有错误,也会跳过验证,直接执行服务器端事件OnClick。为了避免这样的错误,可以考虑用服务端验证这样就省去了OnClientClick事件,就不用考虑和OnClick的冲突了。但是从性能上,服务端验证,耗费了服务器资源,呵呵,一般是没问题的,只是和客户端验证比较而已,各有所长,各有所短。

上一篇:洛谷 - P1361 - 小M的作物 - 最小割 - 最大权闭合子图


下一篇:SIFT中的高斯模糊