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.结果

  • 相关阅读:
    Python学习4
    Python学习3
    Python学习2
    表空间
    sqlplus常用设置
    HashMap和LinkedHashMap
    堆栈源码
    观察者模式
    策略模式
    java线性表
  • 原文地址:https://www.cnblogs.com/qk2014/p/4424077.html
Copyright © 2011-2022 走看看