webform注册和Repeater

一、注册
1、日期
(1)年月日用三DropDownList个，分别循环写入数字

代码写在后台

        Page_Load中的代码

if (IsPostBack == false)
{

       //年绑定数据
            for (int i = DateTime.Now.Year; i >= ; i--)
            {
                ListItem li = new ListItem(i.ToString());
                DropDownList5.Items.Add(li);
            }
            //月绑定数据
            for (int i = ; i <= ; i++)
            {
                ListItem li = new ListItem(i.ToString());
                DropDownList6.Items.Add(li);
            }
            //日绑定数据
            rizi();
}

//年改变事件
DropDownList5.SelectedIndexChanged += DropDownList5_SelectedIndexChanged;
//月改变事件
DropDownList6.SelectedIndexChanged += DropDownList6_SelectedIndexChanged;

//日绑定数据函数
    private void rizi()
    {
        int m = Convert.ToInt32(DropDownList6.SelectedValue);
        int mm = Convert.ToInt32(DropDownList5.SelectedValue);
        int rq = new panriqi().riqi(m, mm);
        for (int i = ; i <= rq; i++)
        {
            ListItem li = new ListItem(i.ToString());
            DropDownList7.Items.Add(li);
        }
    }
//年改变事件
    void DropDownList5_SelectedIndexChanged(object sender, EventArgs e)
    {
        rizi();
    }
    //月改变事件
    void DropDownList6_SelectedIndexChanged(object sender, EventArgs e)
    {
        rizi();
    }

调用的类

public int riqi(int m,int mm) //传入年和月
    {
        int ri=;
        if (m ==  || m ==  || m ==  || m ==  || m ==  || m ==  || m == )
        {
            ri = ;
        }
        else if (m ==  || m ==  || m ==  || m == )
        {
            ri = ;
        }
        else if (m == )
        {

            if (mm %  ==  && mm %  !=  || mm %  == )
            {
                ri = ;
            }
            else
            {
                ri = ;
            }
        }
        return ri;
    }

(2)年月日取值

string s = DropDownList5.SelectedValue + "-" + DropDownList6.SelectedValue + "-" + DropDownList7.SelectedValue;
        u.Birthday = Convert.ToDateTime(s);

2、水印 placeHolder
3、JS验证

//验证用户名
var duname = false;
        document.getElementById("TextBox1").onblur = function () {

            if (document.getElementById("TextBox1").value == "") {
                document.getElementById("Label1").innerText = "不能为空!";
            }
            else {
                duname = true;
                document.getElementById("Label1").innerText = "";
            }
        }

//注册按钮
document.getElementById("Button1").onclick = function () {
            if (!duname || !dupwd || !dupwd2 || !dunicheng || !dup || !duyou || !duyz) {
                alert("请确认是否全部填写正确！");
                return false;//后面的代码不执行
            }

4、三级联动
（1）修改一个属性：AutoPostBack

二、Repeater重复器
四个模板：
HeaderTemplate： 在加载开始执行一遍
ItemTemplate ： 有多少条数据，执行多少遍
FooterTemplate ：在加载最后执行一遍
AlternatingItemTemplate ： 交替项模板
1、用table展示数据库中的数据

<asp:Repeater ID="Repeater1" runat="server">
           <HeaderTemplate>//头模板
              <table id="tb1">
           //标题
               <tr id="tr_head">
                 <td>用户名</td>
                   <td>密  码</td>
                <td>昵称</td>
                     <td>性别</td>
                  <td>出生日期</td>
                       <td>年龄</td>
                   <td>电话</td>
                 <td>邮箱</td>
                   <td>民族</td>
                    <td>地区</td>
                </tr>
            </HeaderTemplate>
          <ItemTemplate>//项模板
              <tr class="tr_item" style="<%#Eval("red") %>">//red标红
                <td><%#Eval("UserName") %></td>
                    <td><%#Eval("PassWord") %></td>
                  <td><%#Eval("NickName") %></td>
                  <td><%#Eval("sexstr ") %></td>
                 <td><%#Eval("bir") %></td>
                         <td><%#Eval("Age") %></td>
                    <td><%#Eval("Phone") %></td>
                        <td><%#Eval("Email") %></td>
                         <td><%#Eval("nationstr") %></td>
                <td><%#Eval("Areastr") %></td>
</tr>
              </ItemTemplate>
            <FooterTemplate>//尾模板
                </table>
          </FooterTemplate>
        </asp:Repeater>

2、属性扩展在实体类中
3、标红(实体类中属性扩展)

//性别为女标红
public string red
        {
            get
            {
                if(!_Sex)
                {
                    return "background-color: red;";
                }
                else
                {
                    return "";
                }

            }    

        }

4、光棒效果（JS）

window.onload = function () {
        var oItems = document.getElementsByClassName("tr_item");
        for (var i = ; i < oItems.length; i++) {
            var oldColor = "";
            oItems[i].onmouseover = function () {

//记录修改前的颜色

oldColor = this.style.backgroundColor;

this.style.backgroundColor = "yellow"; }; 
oItems[i].onmouseout = function ()
 { this.style.backgroundColor = oldColor; }; }