Web 窗体用户控件(3)

loginTest.aspx 

<% ... @ Page Language="C#" AutoEventWireup="true" CodeFile="loginTest.aspx.cs" Inherits="loginTest"  %>

<% ... @ Register Src="mylogin.ascx" TagName="mylogin" TagPrefix="uc1"  %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title > 无标题页 </ title >
     < style  type ="text/css" > ...
        td{...}{
            font-size:12px;
        }
     </ style >
</ head >
< body >
     < form  id ="form1"  runat ="server" >
     < div  style ="text-align: center" >
         < uc1:mylogin  ID ="Mylogin1"  runat ="server"   />
         < br  />
         < asp:Label  ID ="Label1"  runat ="server" ></ asp:Label ></ div >
     </ form >
</ body >
</ html >

loginTest.aspx.cs

using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;

public   partial   class  loginTest : System.Web.UI.Page
... {
    protected void Page_Load(object sender, EventArgs e)
    ...{
        if (Page.IsPostBack)
        ...{
            //注意这下面一行Page.Validate()，如果不写就出错
            //因为验证控件是在自定义控件 mylogin.ascx 上面的
            //故在login.aspx 这一页面还要让页面验证一下（触发页面验证）
            Page.Validate();
            
            //下面这个处理事件，其实应该是放在自定义控件里面的代码中的。
            if (Mylogin1.IsValid)
            ...{
                Label1.Text += "欢迎：" + Mylogin1.UserID + ","
                            + "密码是：" + Mylogin1.UserPwd;
            }
        }
    }

}

 

 

自定义控件 mylogin.ascx

<% ... @ Control Language="C#" AutoEventWireup="true" CodeFile="mylogin.ascx.cs" Inherits="mylogin"  %>
< table  border ="1"  cellpadding ="3" >
     < tr >
         < td  colspan ="3"  style ="background-color: <% =BackColor%>; text-align: center" >
            用户登录 </ td >
     </ tr >
     < tr >
         < td  style ="width: 100px; height: 32px" >
            用户名： </ td >
         < td  style ="width: 100px; height: 32px" >
             < asp:TextBox  ID ="txtUserID"  runat ="server" ></ asp:TextBox ></ td >
         < td  style ="width: 100px; height: 32px" >
             < asp:RequiredFieldValidator  ID ="RequiredFieldValidator1"  runat ="server"  ControlToValidate ="txtUserID"
                Display ="Dynamic"  ErrorMessage ="用户名不能为空" ></ asp:RequiredFieldValidator ></ td >
     </ tr >
     < tr >
         < td  style ="width: 100px; height: 27px" >
            密码： </ td >
         < td  style ="width: 100px; height: 27px" >
             < asp:TextBox  ID ="txtUserPwd"  runat ="server" ></ asp:TextBox ></ td >
         < td  style ="width: 100px; height: 27px" >
             < asp:RequiredFieldValidator  ID ="RequiredFieldValidator2"  runat ="server"  ControlToValidate ="txtUserPwd"
                Display ="Dynamic"  ErrorMessage ="密码不能为空"  Height ="18px" ></ asp:RequiredFieldValidator >
             < asp:RegularExpressionValidator  ID ="RegularExpressionValidator1"  runat ="server"  ControlToValidate ="txtUserPwd"
                Display ="Dynamic"  ErrorMessage ="密码不能小于五个字符"  ValidationExpression ="[0-9a-zA-Z]{5,}" ></ asp:RegularExpressionValidator ></ td >
     </ tr >
     < tr >
         < td  colspan ="3"  style ="text-align: center; height: 89px;" >
             < asp:Button  ID ="Button1"  runat ="server"  Text ="登录"  OnClick ="Button1_Click"   />
             < br  />
             < asp:ValidationSummary  ID ="ValidationSummary1"  runat ="server"   />
         </ td >
     </ tr >
</ table >
< asp:Label  ID ="Label1"  runat ="server" ></ asp:Label >

 

mylogin.ascx.cs

 

using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;

public   partial   class  mylogin : System.Web.UI.UserControl
... {
    protected void Page_Load(object sender, EventArgs e)
    ...{

    }
    public string BackColor = "red";
    public string UserID
    ...{
        get ...{
            return txtUserID.Text;
        }
        set ...{
            txtUserID.Text = value;
        }
    }

    public string UserPwd
    ...{
        get ...{
            return txtUserPwd.Text;
        }
        set ...{
            txtUserPwd.Text = value;
        }
    }

    public bool IsValid ...{
        get ...{
            return Page.IsValid;
        }
    }


    //下面这个处理方法我又写在这里面了
    //是应该写在这里面的
    protected void Button1_Click(object sender, EventArgs e)
    ...{
        //写在里面了就不用再去 Page.Validate()一下了。
        if (Page.IsValid)
        ...{
            Label1.Text += "欢迎：" + UserID + ","
                        + "密码是：" + UserPwd;
        }
    }
}