zoukankan      html  css  js  c++  java
  • 为服务器控件添加javascript客户端事件(zz)

    原文地址:
    http://www.codesky.cn/article/doc/200505/2005051999067301.htm

     

    记得在用asp得时候,经常用到javascript。比如验证表单,删除确认等。Asp.Net的是服务器端的,我们的javascript失去了应用的空间。不过经过一番摸索,其实Asp.Net使用javascript非常简单。


    先介绍一下WebControl的Attributes属性。(HtmlControl差不多,不再重复),Attributes是获取与控件的属性不对应的任意特性(只用于呈现)的集合。举个例子,一个普通的表单控件
    <input type="button" name="Button" value="Button" onClick="ClickEvent()">
    这里的type,name,Button都是按钮的属性,onClick按钮单击后的事件。这些在Asp.Net中都可以通过Attributes属性集合来设定。

     

     

    下面举个登录表单验证的例子。
    <%@ Page Language="C#" %>
    <script runat="server">
    void Page_Load(Object sender, EventArgs e)
    {
     //添加客户端onClick事件
         Button1.Attributes["onClick"]="return CheckForm()";
    }
    </script>

    <html>
    <head>
    <script language="javascript">
    function CheckForm()
    {
     //验证表单的javascipt函数
        if(document.all.Username.value=="")
        {
            alert("请填写用户名");
            return false;
        }
        else if(document.all.PassWord.value=="")
        {
            alert("请填写密码");
            return false;
        }
        return true;
    }
    </script>
    </head>
    <body>
        <form runat="server">
            <br />
    <table height="150" width="300">
       <tbody>
          <tr>
              <td>
                 用户名</td>
              <td>
              <asp:TextBox id="Username" runat="server"></asp:TextBox>
               </td>
            </tr>
             <tr>
               <td>
                 密码</td>
                <td>
    <asp:TextBox id="PassWord" runat="server" TextMode="Password"></asp:TextBox>
                        </td>
             </tr>
               <tr>
                 <td>
                 </td>
                  <td>
         <asp:Button id="Button1"  runat="server" Text="登录"></asp:Button>
                   </td>
               </tr>
                </tbody>
            </table>
        </form>
    </body>
    </html>

    是不是又回到熟悉的方法:)

     

  • 相关阅读:
    java 异常练习题1
    java 异常练习题
    java 抽象类
    java 接口练习题6
    java 接口练习题5
    java 接口练习题4
    java 接口练习题3
    java接口练习题2
    java 接口练习题1
    java 泛型
  • 原文地址:https://www.cnblogs.com/strinkbug/p/585437.html
Copyright © 2011-2022 走看看