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

  • 相关阅读:
    java核心学习(八) 枚举类
    java核心学习(七) 内部类、匿名内部类、Lambda表达式
    算法-快速排序
    java核心学习(六) 面向接口编程
    java核心学习(五) 修饰符(重点是static、final)
    java 核心学习笔记(四) 单例类
    贪心 zoj3197
    贪心 poj3045
    三分 POJ3737
    浮点数二分答案 HDU1969
  • 原文地址:https://www.cnblogs.com/qk2014/p/4424077.html
Copyright © 2020-2023  润新知