101 lines
3.8 KiB
HTML
101 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>修改密码</title>
|
|
<link rel="stylesheet" href="./css/swiper.min.css" />
|
|
<link rel="stylesheet" href="./css/aos.css" />
|
|
<link rel="stylesheet" href="./css/index.css" />
|
|
<link rel="stylesheet" href="./css/media.css" />
|
|
</head>
|
|
<body>
|
|
<div class="login-form update-html">
|
|
<div class="login-code">
|
|
<input type="tel" name="userPhone" id="userPhone" placeholder="请输入您的手机号码" />
|
|
<span class="area-code" onclick="getArea()">86</span>
|
|
<div class="area-list">
|
|
<p onclick="setArea(this, '80')">80</p>
|
|
<p onclick="setArea(this, '81')">81</p>
|
|
<p onclick="setArea(this, '82')">82</p>
|
|
<p onclick="setArea(this, '83')">83</p>
|
|
<p onclick="setArea(this, '84')">84</p>
|
|
<p onclick="setArea(this, '85')">85</p>
|
|
<p onclick="setArea(this, '86')" class="area-on">86</p>
|
|
<p onclick="setArea(this, '87')">87</p>
|
|
</div>
|
|
</div>
|
|
<div class="login-code">
|
|
<input type="text" name="code" id="code" placeholder="请输入验证码" />
|
|
<p onclick="getCode()" id="getCode">获取验证码</p>
|
|
</div>
|
|
<input type="password" name="passWord" id="passWord" placeholder="输入新密码" />
|
|
<input type="button" value="提交" onclick="updatePass()" />
|
|
</div>
|
|
|
|
<script src="./js/jquery-3.7.1.min.js"></script>
|
|
<script src="./layer/layer.js"></script>
|
|
<script src="./js/aos.js"></script>
|
|
<script src="./js/swiper-bundle.min.js"></script>
|
|
<script src="./js/index.js"></script>
|
|
<script>
|
|
var _time = 59
|
|
var _timer = null
|
|
function getCode() {
|
|
var _phone = $('#userPhone').val()
|
|
if (_phone === '') {
|
|
layer.msg('请输入手机号')
|
|
return
|
|
}
|
|
if (!/^1(3|4|5|6|7|8|9)\d{9}$/.test(_phone)) {
|
|
layer.msg('请输入正确的手机号')
|
|
return
|
|
}
|
|
if (_timer !== null) return
|
|
$('#getCode').text(_time + ' S')
|
|
_timer = setInterval(() => {
|
|
_time--
|
|
$('#getCode').text(_time + ' S')
|
|
if (_time === 0) {
|
|
$('#getCode').text('获取验证码')
|
|
clearInterval(_timer)
|
|
_time = 59
|
|
_timer = null
|
|
}
|
|
}, 1000);
|
|
sendMess(_phone)
|
|
}
|
|
function getArea() {
|
|
$('.area-list').toggle()
|
|
}
|
|
function setArea(elem, code) {
|
|
$('.area-code').text(code)
|
|
$('.area-list').hide()
|
|
$(elem).addClass('area-on').siblings('p').removeClass('area-on')
|
|
}
|
|
function updatePass() {
|
|
if ($('#userPhone').val() === '') {
|
|
layer.msg("请输入新手机号码")
|
|
return
|
|
}
|
|
if ($('#code').val() === '') {
|
|
layer.msg("请输入验证码")
|
|
return
|
|
}
|
|
if ($('#passWord').val() === '') {
|
|
layer.msg("请输入新密码")
|
|
return
|
|
}
|
|
ajax('/user/updatePassword', {
|
|
tel: $('#userPhone').val(),
|
|
password: $('#passWord').val(),
|
|
code: $('#code').val()
|
|
}, function (data) {
|
|
var index = parent.layer.getFrameIndex(window.name)
|
|
parent.layer.close(index)
|
|
parent.layer.msg('修改成功')
|
|
})
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |