tangzhongshen
/
piccgrad


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
							<!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"></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"><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-5" style="margin-left: 400px">
            <div class="ibox-content">
                <p>&nbsp;</p>
                <h1>验证身份</h1>
                <form class="m-t" role="form" method="post">
                    <div class="form-group has-feedback">
                        <label>验证方式</label>
                        <#--获取 初始化find_password2 页面时的验证方式-->
                        <div id="checkMode_receive" style="display: none">${(checkMode)!}</div>
                        <select id="checkMode" class="form-control" onchange="changeCheckMode()">
                            <option value="1">已验证手机</option>
                            <option value="2">已验证邮箱</option>
                        </select>
                    </div>
                    <div class="form-group has-feedback">
                        <label>用户名</label>
                        <input type="text" id="username" name="username" readonly="readonly" class="form-control" value="${(username)!}">
                    </div>
                    <div class="form-group has-feedback" id="mobileDiv" style="display:;">
                        <label>手机</label>
                        <input type="text" id="mobile" name="mobile"  readonly="readonly" class="form-control" value="${(mobile)!}">
                    </div>
                    <div class="form-group has-feedback" id="mailDiv" style="display: none">
                        <label>邮箱</label>
                        <input type="text" id="mail" name="mail" readonly="readonly" class="form-control" value="${(mail)!}">
                    </div>
                    <div class="form-group has-feedback">
                        <label style="display: block">校验码</label>
                        <input type="text" id="checkCode" name="checkCode" class="form-control" maxlength="6" style="width: 50%;display: inline-block;"  required placeholder="验证码">
                        <button type="button"  class="btn-primary btn" onclick="getCheckCode()" style="display: inline-block;" id="checkCodeBtn">获取验证码</button>
                        <div id="msg" style="color: red;display: inline-block">${(checkMsg)!}</div>
                    </div>

                    <button type="button" onclick="check()" id="submit" class="btn btn-primary block m-b "
                            style="width: 120px;margin-left: 156px;">提交
                    </button>
                </form>
            </div>
        </div>
    </div><!--web-width/-->
</div><!--content/-->
<!-- Mainly scripts -->
<script src="/login/js/jquery-2.1.1.js"></script>
<script>
    //当验证方式改变时 调用此方法
    function changeCheckMode(){
        var checkMode=$("#checkMode").val();
        if(checkMode=='1'){
            $("#mailDiv").hide();
            $("#mobileDiv").show();
        }else if(checkMode=='2'){
            $("#mobileDiv").hide();
            $("#mailDiv").show();
        }
    }
    //ajax 验证短信/邮箱验证码
    function check() {
        var checkCode=$("#checkCode").val();
        var username=$("#username").val();
        if(!checkCode || checkCode==''){
            $("#msg").html("请填写验证码");
        }else{
            $.ajax({
                type:"POST",
                dataType:"json",
                data:{"username":username,"checkCode":checkCode},
                url:"/findPwd/check",
                success:function (resultStr) {
                    var result=eval('('+resultStr+')');
                    if(result.success){
                        window.location.replace("/findPwd/findPwd3");
                    }else{
                        $("#msg").html(result.msg);
                    }
                }
            });
        }
    }

    function getCheckCode() {
        var username=$("#username").val();
        var checkMode=$("#checkMode").val();
        if(checkMode=='1'){
           var mobile=$("#mobile").val();
            if(!mobile || mobile==""){
                $("#msg").html("手机号为空");
                return;
            }
        }else{
            var mail=$("#mail").val();
            if(!mail || mail==""){
                $("#msg").html("邮箱为空");
                return;
            }
        }
        $.ajax({
            type:"GET",
            data:{"username":username,"checkMode":checkMode},
            dataType:"json",
            url:"/findPwd/getCheckCode",
        });
        $("#checkCodeBtn").attr("disabled",true);
        var time=59;
        var timer=window.setInterval(function () {
            $("#checkCodeBtn").html("重新获取("+time+"s)");
            time--;
            if(time==-1){
                $("#checkCodeBtn").removeAttr("disabled");
                $("#checkCodeBtn").html("获取验证码");
                time=59;
                window.clearInterval(timer);
            }
        },1000);
    }
</script>
</body>

</html>