203 lines
6.8 KiB
HTML
203 lines
6.8 KiB
HTML
<!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;"> | 找回密码</span>
|
||
</div>
|
||
<form class="layui-form">
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-inline-block">
|
||
<input type="text" id="tel" name="tel" lay-verify="required|phone" maxlength="11" 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 () {
|
||
$("#tel").focus();
|
||
})
|
||
var sendFlag="";
|
||
// 点击获取验证码
|
||
$("#btnCode").click(function(event){
|
||
$("#btnCode").addClass('layui-btn-disabled');
|
||
event.preventDefault();
|
||
var pattern= /^[1][3456789][0-9]{9}$/;
|
||
var val=$("#tel").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);
|
||
telnum=$("#tel").val();
|
||
$.ajax({
|
||
url : '/dsSso/sendFindPwdPhoneSmsCode',
|
||
type : "POST",
|
||
dataType: "json",
|
||
data:{
|
||
"phonenum":telnum
|
||
|
||
},
|
||
success:function(data) {
|
||
if(data.success){
|
||
$("#btnCode").addClass('layui-btn-disabled');
|
||
// 新增
|
||
clearInterval(timer);
|
||
setTime();
|
||
sendFlag=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(sendFlag==""){
|
||
layer.alert("请输入正确的验证码",{icon:0});
|
||
return false;
|
||
}
|
||
$.ajax({
|
||
type: "POST",
|
||
async: false,
|
||
dataType: "json",
|
||
url: "/dsSso/checkVerificationCode",
|
||
data: {
|
||
"flag":sendFlag,
|
||
"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> |