-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.html
171 lines (139 loc) · 4.93 KB
/
login.html
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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/registLogin/util.css">
<link rel="stylesheet" type="text/css" href="css/registLogin/main.css">
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
<style>
.p-t-85 {
padding-top: 10px;
}
.p-b-70 {
padding-bottom: 35px;
}
.m-t-85 {
margin-top: 15px;
}
.container-login100 {
padding: 25px;
}
/*toast信息提示*/
.mui-toast-container {
bottom: 50% !important;
}
.mui-toast-message {
opacity: 0.6;
color: #fff;
width: 180px;
padding: 70px 5px 10px 5px;
}
</style>
</head>
<body>
<div class="mui-content">
<div class="container-login100">
<div class="wrap-login100 p-t-85 p-b-20">
<form id="userform">
<span class="login100-form-title p-b-70">
<h5>杰信</h5>
</span>
<span class="login100-form-avatar">
<img id="img_login_face" src="css/registLogin/jiexin.jfif" alt="面对疾风">
</span>
<div class="wrap-input100 validate-input m-t-85 m-b-35">
<input class="input100" type="text" id="username" name="username" placeholder="用户名">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input m-b-50">
<input class="input100" type="password" id="txt_password" name="password" placeholder="密码">
<span class="focus-input100"></span>
</div>
<div class="container-login100-form-btn">
<button type="submit" id="registOrLogin" class="login100-form-btn">
登录/注册
</button>
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript" src="js/app.js" ></script>
<script type="text/javascript">
mui.plusReady(function() {
// 判断用户是否注册登录过，如果本地内存有全局的用户对象，此时直接跳转到首页
var userInfo = app.getUserGlobalInfo();
if (userInfo != null) {
// 页面跳转
mui.openWindow("index.html", "index.html");
}
var userform = document.getElementById("userform");
var username = document.getElementById("username");
var txt_password = document.getElementById("txt_password");
userform.addEventListener("submit", function(e){
// 判断用户名是否为空，如果为空则让其获得焦点
if (!app.isNotNull(username.value)) {
// 获取焦点
username.focus();
} else if (!app.isNotNull(txt_password.value)) {
// 获取焦点
txt_password.focus();
} else {
// 判断用户名和密码的长度，进行限制
if (username.value.length > 12) {
app.showToast("用户名不能超过12", "error");
return false;
} else if (txt_password.value.length > 12) {
app.showToast("密码不能超过12", "error");
return false;
}
// 获取每台手机的唯一cid
var cid = plus.push.getClientInfo().clientid;
var connectionStatus = plus.networkinfo.getCurrentType();
console.log(connectionStatus);
if (connectionStatus == 0 || connectionStatus == 1) {
app.showToast("请打开网络连接...", "error");
return;
}
// 与后端联调
mui.ajax(app.serverUrl + "/api-u/api/app/external/registerOrLogin.do",{
data:{
phone:username.value,
password:txt_password.value,
cid: cid
},
dataType:'json',//服务器返回json格式数据
type:'post',//HTTP请求类型
timeout:10000,//超时时间设置为10秒；
headers:{'Content-Type':'application/x-www-form-urlencoded'},
success:function(data){
//服务器返回响应，根据响应结果，分析是否登录成功；
username.blur();
txt_password.blur();
if (data.code == 200) {
// 登录或者注册成功之后，保存全局用户对象到本地缓存
var userInfoJson = data.data;
app.setUserGlobalInfo(userInfoJson);
// 触发另外一个webview的自定义事件，可以使用 mui.fire()
var jwj_meWebview = plus.webview.getWebviewById("jwj-me.html");
mui.fire(jwj_meWebview, "refresh");
// 页面跳转
mui.openWindow("index.html", "index.html");
} else {
app.showToast(data.message, "error");
}
}
});
}
// 阻止默认时间，阻止默认表单提交
e.preventDefault();
});
})
</script>
</body>
</html>