forget.html
5.62 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
{php define('MUI', true);}
{template 'common/header'}
<script>
$(function(){
$(document).on('input propertychange', '.js-mobile-val', function(){
var mobile_value = $(this).val();
var register_mode = $("#register_mode").val();
if (register_mode == 'mobile' && mobile_value.length != '11') {
$('.js-check-mobile').removeClass('send-code');
}
if (register_mode == 'email' && !/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(mobile_value)) {
$('.js-check-mobile').removeClass('send-code');
}
if (register_mode == 'random' && !(mobile_value.length == '11' || /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(mobile_value))) {
$('.js-check-mobile').removeClass('send-code');
}
$.post("{php echo url('auth/login/mobile_exist')}", {'mobile' : mobile_value, 'find_mode':register_mode}, function(data) {
data = $.parseJSON(data);
if (data.message.errno == '1') {
$('.js-check-mobile').addClass('send-code');
} else if (data.message.errno == '2'){
$('.js-check-mobile').removeClass('send-code');
util.toast('账号不存在', '', 'error');
return;
}
});
});
$(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">
<input type="hidden" value="{$register_mode}" id="register_mode">
<div id="sendcode">
<div class="mui-content-padded mui-text-muted">请输入{if $register_mode == 'mobile'}手机号{elseif $register_mode == 'email'}邮箱{else}手机号/邮箱{/if},以收取验证码</div>
<div class="mui-input-group mui-mt15">
<div class="mui-input-row mui-help">
<input name="username" type="text" class="js-mobile-val" placeholder="{if $register_mode == 'mobile'}手机号{elseif $register_mode == 'email'}邮箱{else}手机号/邮箱{/if}"/>
</div>
</div>
<div class="mui-content-padded">
<button class="mui-btn mui-btn-success mui-btn-block js-check-mobile" uniacid="{$_W['uniacid']}">下一步</button>
</div>
</div>
<div id="codeverify" style="display:none;">
<div class="mui-content-padded mui-text-muted">您的请输入{if $register_mode == 'mobile'}手机号{elseif $register_mode == 'email'}邮箱{else}手机号/邮箱{/if}<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>