zoukankan      html  css  js  c++  java
  • asp.net中控件的Attributes用法

    在点击保存时通常会验证输入框是否为空,一般我们会在按钮控件中添加OnClientClick=“return Check();”事件,并通过javascript来处理。

    下面是另一种方法,在后台.cs代码中使用Attrbutes为控件添加事件。

    1.

    <head runat="server">
        <title></title>
        <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            function Check() {
                var name = document.getElementById("txtName");
                var number = document.getElementById("txtNumber");
    
                if (name.value.trim() == "") {
                    alert("请输入姓名!");
                    return false;
                }
                if (number.value.trim() == "") {
                    alert("请输入学号!");
                    return false;
                }
    
                return true;
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            姓名:<asp:TextBox ID="txtName" runat="server"></asp:TextBox><br />
            学号:<asp:TextBox ID="txtNumber" runat="server"></asp:TextBox>
    
           <asp:Button ID="btnSave" runat="server" Text="保存" onclick="btnSave_Click"/>
        </form>
    </body>
    </html>
    前台html代码

    如果不在后台添加事件,只需改动<asp:Button ID="btnSave" runat="server" Text="保存" OnClientClick="return Check();"/>即可

    2.

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    namespace WebApplication1
    {
        public partial class _Default : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
                this.btnSave.Attributes.Add("onclick", "return Check()");
                //或者下面的写法
                //this.btnSave.Attributes["onclick"] = "return Check()";
            }
    
            protected void btnSave_Click(object sender, EventArgs e)
            {
                Response.Write("<script>alert('保存成功')</script>");
            }
        }
    }
    后台.cs代码

    3.结果

  • 相关阅读:
    HDU 1076 An Easy Task
    299 Train Swapping
    HDU 1092 A+B for InputOutput Practice (IV)
    HDU 1093 A+B for InputOutput Practice (V)
    HDU 1049 Climbing Worm
    HDU 1032 The 3n + 1 problem
    HDU 1089 A+B for InputOutput Practice (I)
    HDU 1091 A+B for InputOutput Practice (III)
    Vimperator
    成为高效程序员的搜索技巧[转自月光博客]
  • 原文地址:https://www.cnblogs.com/qk2014/p/4424077.html
Copyright © 2011-2022 走看看