login.html
4.2 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>登录</title>
<link rel="stylesheet" href="/static/css/common.css">
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
<div class="box">
<h1 class="login_title">欢迎登录</h1>
<div class="login_list">
<b>手机号</b>
<input type="tel" class="login_phone">
</div>
<div class="login_list">
<b>验证码</b>
<input type="number" class="login_code">
<u class="get_code">获取验证码</u>
</div>
<div class="login_tab">
<b></b>
<i>抱歉，此手机号没有权限登录</i>
</div>
<div class="btn_login">
<img src="/static/image/btn_login.png" />
</div>
</div>
<script type="text/javascript" src="/static/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="/static/js/layer/layer.js"></script>
<script type="text/javascript" src="/static/js/common.js"></script>
<script>
$(function () {
//获取短信验证码
var times = 1;
var validCode=true;
$(".get_code").click (function () {
if(validCode){
var user_phone=$(".login_phone").val();
console.log(user_phone);
if(!user_phone){
layer.msg("手机号码格式不正确")
}else{
if(times ==1){
times++;
$.ajax({
type:"post",
url:"{:url('portal/tool/get_sms_code')}",
data:{
mobile:user_phone
},
success:function(){
var time=60;
var code=$(".get_code");
if (validCode) {
code.html("60秒");
validCode=false;
code.addClass("msgs1");
var t=setInterval(function () {
if (time>=0) {
time--;
code.html(time+"秒");
validCode=false;
} else{
validCode =true;
code.html("重新获取");
clearInterval(t);
}
},1000)
}
}
})
}
}
}
});
$('.btn_login').click(function(){
var user_phone=$(".login_phone").val();
var user_code=$('.login_code').val();
if(!user_code){
layer.msg("验证码不能为空")
}else{
$.ajax({
type:"post",
url:"{:url('user/login/do_login')}",
data:{
mobile:user_phone,
sms_code:user_code
},
success:function(res){
if(res.code==0){
$('.login_tab i').text(res.msg);
$('.login_tab').show();
}else {
window.location.href="{:url('user/profile/percenter')}"
}
console.log(res);
},
error:function(){
}
})
}
});
})
</script>
</body>
</html>