tangzhongshen
/
piccgrad


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>${(systemInfo.systemTitle)!}-找回密码</title>
    <link href="/login/css/bootstrap.min.css" rel="stylesheet">
    <link href="/login/css/font-awesome.css" rel="stylesheet">
    <link href="/login/css/animate.css" rel="stylesheet">
    <link href="/login/css/style.css" rel="stylesheet">
    <link href="/login/css/find-password.css" rel="stylesheet">
    <#--<#include "/common/link.template">-->
</head>

<body style="background-color:#FEFEFE;padding-bottom: 0">
<#include  "/login/find_password_top.ftl">
<div class="content">
    <div class="web-width">
        <div class="for-liucheng">
            <div class="liulist for-cur"></div>
            <div class="liulist for-cur"></div>
            <div class="liulist for-cur"></div>
            <div class="liulist"></div>
            <div class="liutextbox">
                <div class="liutext for-cur"><em>1</em><br /><strong>填写账户名</strong></div>
                <div class="liutext for-cur"><em>2</em><br /><strong>验证身份</strong></div>
                <div class="liutext for-cur"><em>3</em><br /><strong>设置新密码</strong></div>
                <div class="liutext"><em>4</em><br /><strong>完成</strong></div>
            </div>
        </div><!--for-liucheng/-->
        <div class="col-md-6" style="margin-left: 400px">
            <div class="ibox-content">
                <p>&nbsp;</p>
                <h1>设置新密码</h1>
                <form class="m-t" role="form" action="/findPwd/findPwd4" method="post" onsubmit="return checkPassword();">
                    <div class="form-group has-feedback">
                        <label>新密码</label>
                        <input type="password"  style="width:60%;" id="password" name="password" class="form-control" required>
                    </div>
                    <div class="form-group has-feedback">
                        <label style="display: block">确认密码</label>
                        <input type="password" id="confirmPassword" style="display: inline-block;width: 60%" onblur="checkPassword()" required name="confirmPassword" class="form-control">
                        <div id="msg" style="color: red;display: inline-block">${(checkCodeMsg)!}</div>
                    </div>

                    <button type="submit" id="submit" class="btn btn-primary block m-b "
                            style="width: 85px;margin-left: 115px;">提交
                    </button>
                </form>
            </div>
        </div>
    </div><!--web-width/-->
</div><!--content/-->
<!-- Mainly scripts -->
<script src="/login/js/jquery-2.1.1.js"></script>
<script>
    function checkPassword() {
        var  password=$("#password").val();
        var  confirmPassword=$("#confirmPassword").val();
        //正则 验证密码强度 大小写字母数字8位
        var regex = new RegExp('(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z]).{8,30}');
        if(password != confirmPassword){
            $("#msg").html("两次输入密码不同");
            return false;
        }else if(!regex.test(password)){
            $("#msg").html("密码强度(大小写字母数字8位)");
            return false;
        }else{
            $("#msg").html("");
            return true;
        }
    }
</script>
</body>

</html>