<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="staffinfo.aspx.cs" Inherits="Web.m.staffinfo1" %>

<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
    <title>OA标题页</title>
      <script type="text/ecmascript" src="/js/md5.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link type="text/css" rel="stylesheet" href="/css/reset.css" />
<link type="text/css" rel="stylesheet" href="/css/base.css" />
<script type="text/javascript" src="/js/jquery.min.js"></script>
<style type="text/css">
   #newsArticle img{width:100%!important;height:auto!important;max-width:640px;}
  </style>
       <style type="text/css">
        .default {display: inline-block;width: 40px;height: 30px;line-height: 30px;background: #ddd;text-align: center;margin: 4px 2px;background: grey;}
        .weak {display: inline-block;width: 40px;height: 30px;line-height: 30px;background: #ddd;text-align: center;margin: 4px 2px;background: red;}
        .medium {display: inline-block;width: 40px;height: 30px;line-height: 30px;background: #ddd;text-align: center;margin: 4px 2px;background: orange;}
        .strong {display: inline-block;width: 40px;height: 30px;line-height: 30px;background: #ddd;text-align: center;margin: 4px 2px;background: blue;}
        .stronger {display: inline-block;width: 40px;height: 30px;line-height: 30px;background: #ddd;text-align: center;margin: 4px 2px;background: green;}
        .spana {display: inline-block;width: 40px;height: 30px;line-height: 30px;background: #ddd;text-align: center;margin: 4px 2px;}
    </style>
    <script type="text/javascript">
        window.onload = function () {

            var oInput = document.getElementById('tbEditPassword1');
            oInput.value = '';
            oInput.onkeyup = function () {
                //强度状态设为默认
                span0.className = span1.className = span2.className = span3.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:
                            span0.className = "strong";
                            span1.className = "strong";
                            span2.className = "strong";
                            break;
                        case 4:
                            span0.className = "stronger";
                            span1.className = "stronger";
                            span2.className = "stronger";
                            span3.className = "stronger";
                            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>
</head>
<body class="bg2">
    <form id="fom" runat="server">
    <section id="container">
    <div class="space-10"></div>
    <section class="bg-fff pad9 marLR9 opacity summary">
      <h3 class="color-black bold lineH17 padLR3"> 
      <!--此处添加标题（小字）-->
      <asp:Label ID="lbbiaoti" runat="server" ></asp:Label> 
      	</h3>
    <div class="space-10"></div>
        <h2 class="f17 color-black bold lineH22 padLR3">
        <!--此处添加标题（大字）-->

        </h2>
        <div class="padLR3 oh"><span class="fr pointer fontSize" id="fontSize">大字</span></div>
        <article class="newsArticle" id="newsArticle">
            <div class="tc onePic">
          </div>
            <div class="color-black padLR6 marB5">
   <!--此处添加正文-->
   <table  style =" width :100%" border = "1"  cellpadding ="0" cellspacing ="0" >
                <tr>
                    <td class =" rh30 ">人员编号</td>
                    <td class =" rh30 ">
                               <asp:Label ID="lbEditLoginId" runat="server"></asp:Label>
                                                        </td>
                </tr>
                <tr>
                    <td class =" rh30 ">登录名</td>
                    <td class =" rh30 ">
                        <asp:TextBox ID="tbEditLoginName" runat="server" MaxLength="20" Width="130px" 
                            CssClass="rh25"></asp:TextBox>
                        <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 =" rh30 ">密码</td>
                    <td class =" rh30 ">
                      <div > <asp:Button ID="btEditPassword" runat="server" Text="重置密码" 
                            onclick="btEditPassword_Click" />
                            </div> 
                        

                        <asp:Panel ID="pnPassword" runat="server" Visible="False">
                           <div class =" rh30 ">  原密码：<asp:TextBox ID="tbOldPassword" runat="server"  onblur="cal0()" onfocus="c0()"
                            Width="100px" TextMode="Password" CssClass="rh25"></asp:TextBox>
                             </div> 
                          <div class =" rh30 ">   新密码：<asp:TextBox ID="tbEditPassword1" runat="server" onblur="cal()" onfocus="c()"
                                 TextMode="Password" Width="100px" CssClass="rh25"></asp:TextBox> 
                              <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="tbEditPassword1" Display="Dynamic" ErrorMessage="请填写密码" ForeColor="Red" ValidationGroup="EditPassword"></asp:RequiredFieldValidator>
                              <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="tbEditPassword1" Display="Dynamic" ErrorMessage="密码不合规范" ForeColor="Red" ValidationExpression="\w{6,50}" ValidationGroup="EditPassword"></asp:RegularExpressionValidator>
                            </div>
                        <div id="Div1" runat="server" style="padding-top :10px">密码不少于6位，密码中小写字母、大写字母、数字和符号4类字符中至少有<asp:Label ID="lbPsdL" runat="server">1</asp:Label>类。
                   </div>   
               <div>  <span id="span0" class ="spana">弱</span><span id="span1"  class ="spana">中</span><span id="span2"  class ="spana">强</span><span id="span3"  class ="spana">极强</span>
</div>
                            <div class =" rh30 "> 重复密码：<asp:TextBox ID="tbEditPassword2" runat="server" onblur="cal2()" onfocus="c2()"
                            Width="100px" TextMode="Password" CssClass="rh25"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="tbEditPassword2" Display="Dynamic" ErrorMessage="请再填一次密码" ForeColor="Red" ValidationGroup="EditPassword"></asp:RequiredFieldValidator>
                                <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="tbEditPassword1" ControlToValidate="tbEditPassword2" Display="Dynamic" ErrorMessage="两次输入不一致" ForeColor="Red" ValidationGroup="EditPassword"></asp:CompareValidator>
                             </div> 
                             <div class =" rh30 "> 
                        <asp:Button ID="btEditPasswordOK" runat="server" Text="提交修改" onclick="btEditPasswordOK_Click" 
                              ValidationGroup="EditPassword" CssClass="rh25" />
                                 <asp:Label ID="lbPsdErr" runat="server" ForeColor="Red"></asp:Label>
                            </div> 
                        </asp:Panel>
                    </td>
                </tr>
                <tr>
                    <td class =" rh30 ">&nbsp;</td>
                    <td class =" rh30 ">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class =" rh30 ">姓名</td>
                    <td class =" rh30 ">
                        <asp:Label ID="lbEditName" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class =" rh30 ">所属机构</td>
                    <td class =" rh30 ">
                        <asp:Label ID="lbDepartment" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class =" rh30 ">电话</td>
                    <td class =" rh30 ">
                        <asp:TextBox ID="tbTel" runat="server" MaxLength="20" CssClass="rh25"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator17" 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 =" rh30 ">邮箱</td>
                    <td class =" rh30 ">
                        <asp:TextBox ID="tbEditEmail" runat="server" 
                            MaxLength="100" Width="130px" CssClass="rh25"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator18" 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 =" rh30 ">账号状态</td>
                    <td class =" rh30 ">
                        <asp:Label ID="lbEditZhuangtai" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class =" rh30 ">
        <asp:Label ID="lbEditId" runat="server" Visible="False"></asp:Label>
                    </td>
                    <td class =" rh30 "><asp:Button ID="btEdit" runat="server" 
                            onclick="btEdit_Click" Text="提交修改" 
                            ValidationGroup="Edit" CssClass="rh25" />
                    </td>
                </tr>
            </table>
   <!--正文结束-->     
           </div>
        </article>
            <div class="space-20"></div>
        <div class="space-30">
                <div class="mhome">
                    <asp:ImageButton ID="imgBHome" runat="server" ImageUrl="/css/images/home.png" 
                        Height="30px" Width="30px" onclick="imgBHome_Click"></asp:ImageButton></div>
        <div  class ="mexit">
            <asp:ImageButton ID="imgBExit" runat="server" ImageUrl="/css/images/exit.png" 
                Height="30px" Width="30px" onclick="imgBExit_Click"></asp:ImageButton></div>
        </div>
       
  
    </section><!--summary end-->
    <div class="space-20"></div>
</section><!--container end-->
<script type="text/javascript" src="/js/base.js"></script>
        </form>
    </body>
</html>

<script type="text/javascript">  
    function cal() {
        document.getElementById("<%=lbPsdErr.ClientID%>").innerText = "";
        document.getElementById("btEditPasswordOK").removeAttribute("disabled");

        var t1 = document.getElementById("<%=tbEditPassword1.ClientID%>").value;
        if (t1.trim().length > 5) {
            var PsdL = document.getElementById("<%=lbPsdL.ClientID%>").innerText;
            switch (PsdL) {
                case 2:
                    if (span0.className == "weak") {
                        document.getElementById("<%=lbPsdErr.ClientID%>").innerText = "密码强度不够。";
                        document.getElementById("btEditPasswordOK").setAttribute("disabled", true);
                    }
                    break;
                case 3:
                    if (span0.className == "weak" || span0.className == "medium") {
                        document.getElementById("<%=lbPsdErr.ClientID%>").innerText = "密码强度不够。";
                        document.getElementById("btEditPasswordOK").setAttribute("disabled", true);
                    }
                    break;
                case 4:
                    if (span0.className == "weak" || span0.className == "medium" || span0.className == "stronger") {
                        document.getElementById("<%=lbPsdErr.ClientID%>").innerText = "密码强度不够。";
                        document.getElementById("btEditPasswordOK").setAttribute("disabled", true);
                    }
                    break;
            }
            document.getElementById("<%=tbEditPassword1.ClientID%>").value = hex_md5(t1);
        }
        else {
            document.getElementById("<%=lbPsdErr.ClientID%>").innerText = "密码不足6位。";
            document.getElementById("btEditPasswordOK").setAttribute("disabled", true);
        }
    }

</script>  
<script type="text/javascript">  
    function c() {
        document.getElementById("<%=tbEditPassword1.ClientID%>").value = "";
    }
</script>  


<script type="text/javascript">  
    function cal2() {
        var t1 = document.getElementById("<%=tbEditPassword2.ClientID%>").value;
        document.getElementById("<%=tbEditPassword2.ClientID%>").value = hex_md5(t1);
    }
</script>  
<script type="text/javascript">  
    function c2() {
        document.getElementById("<%=tbEditPassword2.ClientID%>").value ="";
    }
</script>  


<script type="text/javascript">  
    function cal0() {
        var t1 = document.getElementById("<%=tbOldPassword.ClientID%>").value;
        document.getElementById("<%=tbOldPassword.ClientID%>").value = hex_md5(t1);
    }
</script>  
<script type="text/javascript">  
    function c0() {
        document.getElementById("<%=tbOldPassword.ClientID%>").value = "";
    }
</script>  


