<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="firstlogin.aspx.cs" Inherits="Web.share.firstlogin" %>

<%@ Register src="foot.ascx" tagname="foot" 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 id="Head1" runat="server">
    <title>OA标题页</title>
      <link href="../css/css.css" rel="stylesheet" type="text/css" />
              <style type="text/css">
        .default {display: inline-block;width: 70px;height: 30px;line-height: 30px;background: #ddd;text-align: center;margin: 4px 2px;background: #eeeeee;}
        .weak {display: inline-block;width: 70px;height: 30px;line-height: 30px;background: #ddd;text-align: center;margin: 4px 2px;background: #FF0000;}
        .medium {display: inline-block;width: 70px;height: 30px;line-height: 30px;background: #ddd;text-align: center;margin: 4px 2px;background: #FF9900;}
        .strong {display: inline-block;width: 70px;height: 30px;line-height: 30px;background: #ddd;text-align: center;margin: 4px 2px;background: #33CC00;}
        .spana {display: inline-block;width: 70px;height: 30px;line-height: 30px;background: #ddd;text-align: center;margin: 4px 2px;}
        .style1{color: #FF0000; }
        </style>
    <script type="text/javascript">
        window.onload = function(){

            var oInput = document.getElementById('tbEditPassword1');
            oInput.value = '';
            oInput.onkeyup = function(){
                //强度状态设为默认
                span0.className = span1.className = span2.className = "default";
                var pwd = this.value;
                var result = 0;
                for(var i = 0, len = pwd.length; i < len; ++i){
                    result |= charType(pwd.charCodeAt(i));
                }

                var level = 0;
                //对result进行四次循环，计算其level
                for(var i = 0; i <= 4; i++){
                    if(result & 1){
                        level ++;
                    }
                    //右移一位
                    result = result >>> 1;
                }

                if(pwd.length >= 6){
                    switch (level) {
                        case 1:

                            span0.className = "weak";
                            break;
                        case 2:

                            span0.className = "medium";
                            span1.className = "medium";
                            break;
                        case 3:
                        case 4:


                            span0.className = "strong";
                            span1.className = "strong";
                            span2.className = "strong";
                            break;
                    }
                }
            }
        }
        /*
            定义一个函数，对给定的数分为四类(判断密码类型)，返回十进制1，2，4，8
            数字 0001 -->1  48~57
            小写字母 0010 -->2  97~122
            大写字母 0100 -->4  65~90
            特殊 1000 --> 8 其它
        */
        function charType(num){
            if(num >= 48 && num <= 57){
                return 1;
            }
            if (num >= 97 && num <= 122) {
                return 2;
            }
            if (num >= 65 && num <= 90) {
                return 4;
            }
            return 8;
        }
    </script>  

    <style type="text/css">
        .style1
        {
            color: #FF0000;
        }
    </style>
    

</head>
<body >
    <form id="form1" runat="server" defaultfocus ="tbUserName_lan" style ="height :100%; text-align :center; ">
    <div id="main-c" style ="height :96%; ">
<div id="main-c-01"><asp:Label ID="biaoti" runat="server"></asp:Label></div>
<div id="main-c-02">
<div id="main-c-02-01">
<table width="800" border="0" align="right" cellpadding="0" cellspacing="0">
  <tr>
    <td width="785" height="40" align="right">    <asp:Label ID="lbStaffinfo" runat="server"></asp:Label></td>
    <td width="15" align="right">&nbsp;</td>
  </tr>
</table>
</div></div>
<div id="main-c-03">


<!--栏目开始 -->
            
            <!--这里添加内容 -->
            <div style = " width :800px; margin-left :auto ; margin-right :auto ; text-align :left; margin-top :10px; font-size :large ; font-weight :bold; text-align :center  ">第一次登录请修改信息</div>
            <table  style =" width :800px; margin-left :auto ; margin-right :auto " border = "1" class ="table " cellpadding ="0" cellspacing ="0"  >
                <tr>
                    <td class ="tabletd_right " style ="width:120px; padding-top :10px; padding-bottom :10px">
                        人员编号</td>
                    <td class ="tabletd_left ">
                               <asp:Label ID="lbEditLoginId" runat="server"></asp:Label>
                                                        </td>
                </tr>
                <tr>
                    <td class ="tabletd_right" style ="padding-top :10px; padding-bottom :10px">姓名</td>
                    <td class ="tabletd_left ">
                        <asp:Label ID="lbEditName" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class ="tabletd_right " style ="padding-top :10px; padding-bottom :10px">部门</td>
                    <td class ="tabletd_left ">
                        <asp:Label ID="lbDepartment" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class ="tabletd_right " style ="padding-top :10px; padding-bottom :10px">登录名</td>
                    <td class ="tabletd_left ">
                        <asp:TextBox ID="tbEditLoginName" runat="server" MaxLength="20" Width="130px"></asp:TextBox>
                       &nbsp;<span class="style1">必填</span>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" 
                            ControlToValidate="tbEditLoginName" Display="Dynamic" ErrorMessage="登录名不能为空。" 
                            ValidationGroup="Edit" ForeColor="Red"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator5" runat="server" 
                        ControlToValidate="tbEditLoginName" Display="Dynamic" 
                        ErrorMessage="请输入2-20个合法字符。" 
                        ValidationExpression="^[^%&gt;&lt;'&amp;*=!&quot;?]{2,20}" 
                        ValidationGroup="Edit" ForeColor="Red"></asp:RegularExpressionValidator>
                    </td>
                </tr>
                <tr>
                    <td class ="tabletd_right" style ="padding-top :10px; padding-bottom :10px">新密码</td>
                    <td class ="tabletd_left">
                         <asp:TextBox ID="tbEditPassword1" runat="server" MaxLength="20" autocomplete="off"
                                 TextMode="Password" Width="100px"></asp:TextBox> &nbsp;<span 
                             class="style1">必填</span> <asp:RequiredFieldValidator 
                             ID="RequiredFieldValidator15" runat="server" 
                            ControlToValidate="tbEditPassword1" Display="Dynamic" ErrorMessage="密码不能为空。" 
                            ValidationGroup="Edit" ForeColor="Red"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator6" runat="server" 
                        ControlToValidate="tbEditPassword1" Display="Dynamic" 
                        ErrorMessage="请输入6-20个合法字符。" 
                        ValidationExpression="^[^%&gt;&lt;'&amp;*=!&quot;?]{6,20}" 
                        ValidationGroup="Edit" ForeColor="Red"></asp:RegularExpressionValidator>
                 <div id ="psdnote"  runat ="server"  style ="padding-top :10px">密码不少于6位。</div>  
                           
                      
                    </td>
                </tr>
                <tr>
                    <td class ="tabletd_right" style ="padding-top :10px; padding-bottom :10px">密码强度</td>
                    <td class ="tabletd_left">
                       <span id="span0" class ="spana">弱</span><span id="span1"  class ="spana">中</span><span id="span2"  class ="spana">强</span>
  </td>
                </tr>
                <tr>
                    <td class ="tabletd_right" style ="padding-top :10px; padding-bottom :10px">重复密码</td>
                    <td class ="tabletd_left">
                        <asp:TextBox ID="tbEditPassword2" runat="server" MaxLength="20" autocomplete="off"
                            Width="100px" TextMode="Password"></asp:TextBox>
                        &nbsp;<span class="style1">必填</span> <asp:RequiredFieldValidator 
                             ID="RequiredFieldValidator16" runat="server" 
                            ControlToValidate="tbEditPassword2" Display="Dynamic" ErrorMessage="密码不能为空。" 
                            ValidationGroup="Edit" ForeColor="Red"></asp:RequiredFieldValidator>
                        <asp:CompareValidator ID="CompareValidator1" runat="server" 
                            ControlToCompare="tbEditPassword1" ControlToValidate="tbEditPassword2" 
                            Display="Dynamic" ErrorMessage="两次输入密码不一致。" ValidationGroup="Edit" 
                            ForeColor="Red"></asp:CompareValidator>
                    </td>
                </tr>
                <tr>
                    <td class ="tabletd_right" style ="padding-top :10px; padding-bottom :10px">电话</td>
                    <td class ="tabletd_left ">
                        <asp:TextBox ID="tbTel" runat="server" MaxLength="20"></asp:TextBox>
                        &nbsp;<span class="style1">必填</span> <asp:RequiredFieldValidator 
                             ID="RequiredFieldValidator1" runat="server" 
                            ControlToValidate="tbTel" Display="Dynamic" ErrorMessage="电话不能为空。" 
                            ValidationGroup="Edit" ForeColor="Red"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator15" 
                        runat="server" ControlToValidate="tbTel" Display="Dynamic" 
                        ErrorMessage="请输入正确的电话号码。" 
                        ValidationExpression="(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$" 
                        ValidationGroup="Edit" ForeColor="Red"></asp:RegularExpressionValidator>
                    </td>
                </tr>
                <tr>
                    <td class ="tabletd_right" style ="padding-top :10px; padding-bottom :10px">邮箱</td>
                    <td class ="tabletd_left "><asp:TextBox ID="tbEditEmail" runat="server" 
                            MaxLength="100" Width="130px"></asp:TextBox>                        &nbsp;<span class="style1">必填</span> <asp:RequiredFieldValidator 
                             ID="RequiredFieldValidator2" runat="server" 
                            ControlToValidate="tbEditEmail" Display="Dynamic" ErrorMessage="邮箱不能为空。" 
                            ValidationGroup="Edit" ForeColor="Red"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator14" 
                        runat="server" ControlToValidate="tbEditEmail" Display="Dynamic" 
                        ErrorMessage="请输入正确的邮箱。" 
                        ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*.[a-zA-Z0-9]{2,7}" 
                        ValidationGroup="Edit" ForeColor="Red"></asp:RegularExpressionValidator>
                                                        </td>
                </tr>
                <tr>
                    <td class ="tabletd_right " style ="padding-top :10px; padding-bottom :10px">
        <asp:Label ID="lbEditId" runat="server" Visible="False"></asp:Label>
                    </td>
                    <td class ="tabletd_left"><asp:Button ID="btEdit" runat="server" onclick="btEdit_Click" Text="提交修改" 
                            ValidationGroup="Edit" />
                    </td>
                </tr>
            </table>
            <div style =" margin-bottom :50px">     </div>

<!--栏目结束 -->









</div>


</div>
<div id="footer-a" style ="height :20px ;font-size:12px">  <uc1:foot id="foot1" runat="server" /></div>
    </form>
</body>
</html>
