onclick ,onserverclick ,onclientclick 的使用 ^_^

本文通过一个具体的示例介绍了如何利用JavaScript对HTML控件进行客户端验证,并据此决定是否触发服务器端事件。具体包括如何设置`onclick`及`onclientclick`事件,在不同类型的按钮控件(html控件和服务器控件)上的应用,以及如何在后端代码中动态添加客户端点击事件。

^_^

 

 

本来对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;}");
    }

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值