forget.html
4.17 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
{php define('MUI', true);}
{template 'common/header'}
<script>
$(function(){
$(document).on('click', '.send-code', function(){
var username = $('#sendcode input[name="username"]').val();
option = {
'btnElement' : $('.send-code'),
'showElement' : $('.js-timer'),
'btnTips' : '<a class="send-code">重新获取验证码</a>',
'successCallback' : function(ret, message){
if (ret == '0') {
util.toast(message);
$('#sendcode').hide();
$('#codeverify').show();
} else {
util.toast(message);
$('#sendcode').show();
$('#codeverify').hide();
return;
}
}
};
util.sendCode(username, option);
});
$(document).on('click', '.check-verify', function(){
var code = $('#codeverify input[name="code"]').val();
if (!code) {
util.toast('未填写验证码', '', 'error');
return;
}
if (code.length < 6) {
util.toast('验证码少于六位', '', 'error');
return;
}
var username = $('#sendcode input[name="username"]').val();
$.post("{php echo url('auth/forget/verifycode')}", {'code' : code, 'username' : username}, function(dat){
dat = $.parseJSON(dat);
if(dat.type != 'success') {
util.toast(dat.message, '', 'error');
return;
} else {
$('#codeverify').hide();
$('#reset').show();
$('#reset .js-reset').text(username);
return;
}
});
});
$(document).on('click', '.resetpassword', function(){
var password = $('#reset input[name="password"]').val();
var repassword = $('#reset input[name="repassword"]').val();
if(password == '' || repassword == '') {
util.toast('请填写密码', '', 'error');
return;
}
if(password.length < 6) {
util.toast('密码不能少于六位数', '', 'error');
return ;
}
if(password != repassword) {
util.toast('两次密码输入不一致', '', 'error');
return ;
}
var username = $('#sendcode input[name="username"]').val();
params = {username, password, repassword};
$.post("{php echo url('auth/forget/reset')}", {'username' : username, 'password' : password, 'repassword' : repassword}, function(dat){
dat = $.parseJSON(dat);
if(dat.type != 'success') {
util.toast(dat.message, '', 'error');
} else {
util.toast('设置密码成功');
location.href = "{url 'auth/login' array('forward' => $_GPC['forward'])}#wechat_redirect";
return;
}
});
});
});
</script>
<div class="mui-content">
<div id="sendcode">
<div class="mui-content-padded mui-text-muted">请输入手机号,以收取验证码</div>
<div class="mui-input-group mui-mt15">
<div class="mui-input-row mui-help">
<input name="username" type="text" placeholder="手机号"/>
</div>
</div>
<div class="mui-content-padded">
<button class="mui-btn mui-btn-success mui-btn-block send-code" uniacid="{$_W['uniacid']}">下一步</button>
</div>
</div>
<div id="codeverify" style="display:none;">
<div class="mui-content-padded mui-text-muted">您的手机号<span class="mui-text-success"></span>会收到一条含有6位数字验证码的短息</div>
<div class="mui-input-group mui-mt15">
<div class="mui-input-row mui-help">
<input type="text" placeholder="请输入验证码" name="code"/>
</div>
</div>
<div class="mui-content-padded mui-text-center">
<button class="mui-btn mui-btn-success mui-btn-block check-verify">下一步</button>
<div class="mui-mt15 mui-text-center">
<span class="mui-text-muted js-timer">
</span>
</div>
</div>
</div>
<div id="reset" style="display:none;">
<div class="mui-content-padded mui-text-muted">请为你的账号<span class="mui-ml5 mui-mr5 js-reset"></span>设置密码,以保证下次正常登录</div>
<div class="mui-input-group">
<div class="mui-input-row">
<input name="password" type="password" placeholder="请设置密码"/>
</div>
<div class="mui-input-row">
<input name="repassword" type="password" placeholder="确认新密码"/>
</div>
</div>
<div class="mui-content-padded mui-text-muted">密码为6~16位数字或字母</div>
<div class="mui-content-padded">
<button class="mui-btn mui-btn-success mui-btn-block resetpassword">确认</button>
</div>
</div>
</div>