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

2 months ago
<!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">
2 months ago
<img src="/dsSso/images/hebyesz.png" style="margin-top: 8px;" />
2 months ago
<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",
2 months ago
url : "/dsSso/common/getGlobalValueByKey",
2 months ago
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({
2 months ago
url : '/dsSso/sendFindPwdEmailCode',
2 months ago
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",
2 months ago
url: "/dsSso/checkVerificationCode",
2 months ago
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>