asp.net中控件的Attributes用法

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

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

<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();"/>即可

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

asp.net中控件的Attributes用法

推荐阅读