You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

201 lines
6.8 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>找回密码</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="../../css/weadmin.css">
<!-- 让IE8/9支持媒体查询从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.layui-input-block {
margin-left: 40px;
}
label {
display: block;
margin-bottom:8px;
}
.header {
width: 980px;
margin: 0 auto;
height: 75px;
line-height: 75px;
}
form {
padding:50px 0 0 15px;
}
</style>
</head>
<body>
<div style="width: 800px;margin: 0 auto;">
<div class="header">
<img src="/dsSso/images/hebyesz.png" style="margin-top: 8px;" />
<span style="font-size:26px;display: inline-block;margin-top:15px;vertical-align: middle;color: #666;">&nbsp;&nbsp;|&nbsp;&nbsp;找回密码</span>
</div>
<form class="layui-form">
<div class="layui-form-item">
<div class="layui-input-inline-block">
<input type="text" id="email" name="email" lay-verify="required|email" autocomplete="off" class="layui-input" placeholder="请输入邮箱" style="float:left;">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-inline-block ">
<input type="text" id="code" name="code" lay-verify="required|number" maxlength="6" autocomplete="off" class="layui-input fl" placeholder="请输入验证码" style="width:80%;float:left;">
<button type="button" id="btnCode" class="layui-btn" style="float:right;width:18%">获取验证码</button>
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn" lay-filter="save" lay-submit="" id="save" style="width: 100%;">下一步</button>
</div>
<div style="text-align:center;margin-top: 140px" id="copyright">
</div>
</form>
</div>
<script src="../../js/layui/layui.js" charset="utf-8"></script>
<script src="../../js/base64.js"></script>
<script>
layui.use(['form', 'jquery', 'layer'], function () {
var form = layui.form,
$ = layui.jquery,
layer = layui.layer;
// 版权信息
$.ajax({
type : "POST",
dataType : "json",
url : "/dsSso/common/getGlobalValueByKey",
data : {
"key" : "sso_copyright"
},
async : false,
success : function(result) {
if (result.success) {
$("#copyright").html(result.sso_copyright);
}
}
});
$(function () {
$("#email").focus();
})
var emailFlag="";
// 点击获取验证码
$("#btnCode").click(function(){
$("#btnCode").addClass('layui-btn-disabled');
var pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
var val=$("#email").val();
var flag = pattern.test(val);
if(val=='请输入邮箱'||val==""){
$("#btnCode").removeClass('layui-btn-disabled');
layer.msg("必填项不能为空",{icon:5});
}else{
if(val!="" &&!flag||val=='请输入邮箱'){
$("#btnCode").removeClass('layui-btn-disabled');
layer.msg("请输入正确的邮箱",{icon:5});
tel_flag=false;
}else{
tel_flag=true;
$("#btnCode").addClass('layui-btn-disabled');
$("#btnCode").text("正在发送验证码");
clearInterval(timer);
send();
}
}
})
// 发送验证码
function send(){
clearInterval(timer);
email=$("#email").val();
$.ajax({
url : '/dsSso/sendFindPwdEmailCode',
async : true,
type : "POST",
dataType: "json",
data:{
"email":email
},
success:function(data) {
if(data.success){
$("#btnCode").addClass('layui-btn-disabled');
// 新增
clearInterval(timer);
setTime();
emailFlag=data.flag;
}else{
$("#btnCode").text("获取邮箱验证码");
clearInterval(timer);
$("#btnCode").removeClass('layui-btn-disabled');
layer.alert(data.msg,{icon:0});
}
}
})
}
var timer=null;
var count=61;
//定时器
function setTime(){
timer=setInterval(second,1000);
}
function second(){
count--;
if(count>0){
$("#btnCode").text("重新发送("+count+"s");
$("#btnCode").addClass('layui-btn-disabled');
}else {
$("#btnCode").removeClass('layui-btn-disabled');
$("#btnCode").text("获取邮箱验证码");
count=61;
clearInterval(timer);
}
}
// 校验短信验证码
form.on('submit(save)', function (data) {
var f = data.field;
if(emailFlag==""){
layer.alert("请输入正确的验证码",{icon:0});
return false;
}
$.ajax({
type: "POST",
async: false,
dataType: "json",
url: "/dsSso/checkVerificationCode",
data: {
"flag":emailFlag,
"code": f.code,
},
success: function (data) {
if (data.success) {
// 跳转 设置密码
window.location.href='./setPwd.html?flag='+Base64.encode(data.flag);
return false;
} else {
layer.alert(data.msg, {icon: 0});
return false;
}
}
})
return false;
});
});
</script>
</body>
</html>