login.js
3.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
var Login = {
init: function() {
this.initNode();
this.showNotice();
this.initAnimation();
this.addEvent();
},
initNode: function() { // 初始化节点
this.$account = $('#j-account');
this.$pwd = $('#j-secret');
this.$errorMsg = $('#j-errorMsg');
this.$loginBtn = $('#j-loginBtn');
this.$footer = $('#footer');
},
initAnimation: function() { // 添加动画
var $wrapper = $('#j-wrapper'),
wrapperClass = $wrapper.attr('class');
$wrapper.addClass('fadeInDown animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
$(this).removeClass().addClass(wrapperClass);
});
},
/**
* 如果浏览器非IE10,Chrome, FireFox, Safari, Opera的话，显示提示
*/
showNotice: function() {
var browser = this.getBrowser(),
temp = browser.split(' '),
appname = temp[0],
version = temp[1];
if (['msie', 'firefox', 'opera', 'safari', 'chrome'].contains(appname)) {
if (appname == 'msie' && version < 10) {
this.$footer.find('p').removeClass('hide');
}
} else {
this.$footer.find('p').removeClass('hide');
}
},
addEvent: function() { // 绑定事件
var that = this;
this.$loginBtn.on('click', this.validate.bind(this));
$(document).on('keydown', function(e) {
var ev = e || window.event;
if (ev.keyCode === 13) {
that.validate();
}
});
},
validate: function() { // 登录验证
var that = this,
account = $.trim(that.$account.val()),
pwd = that.$pwd.val(),
errorMsg = '';
if (account.length === 0) {
errorMsg = '帐号不能为空';
} else if (!pwd || pwd.length < 6) {
errorMsg = '密码长度至少6位';
} else {
that.$loginBtn.html('登录中...').attr('disabled', 'disabled');
that.requestLogin.call(that, account, pwd);
that.$loginBtn.html('登录').removeAttr('disabled');
}
that.$errorMsg.html(errorMsg).removeClass('hide'); // 显示错误信息
return false;
},
//这里做了个伪登录方式（实际上是把accid，token带到下个页面连SDK在做鉴权）
//一般应用服务器的应用会有自己的登录接口
requestLogin: function(account, pwd) {
setCookie('uid',account.toLocaleLowerCase());
localStorage.setItem("temp",111)
document.cookie="name="+123123;
//自己的appkey就不用加密了
setCookie('sdktoken',pwd);
//setCookie('sdktoken',MD5(pwd));
if (/chatroom/.test(location.href)) {
delCookie('nickName')
window.location.href = './list.html'
} else {
window.location.href = './main.html';
}
},
/**
* 获取浏览器的名称和版本号信息
*/
getBrowser: function() {
var browser = {
msie: false,
firefox: false,
opera: false,
safari: false,
chrome: false,
netscape: false,
appname: 'unknown',
version: 0
}, ua = window.navigator.userAgent.toLowerCase();
if (/(msie|firefox|opera|chrome|netscape)\D+(\d[\d.]*)/.test(ua)) {
browser[RegExp.$1] = true;
browser.appname = RegExp.$1;
browser.version = RegExp.$2;
} else if (/version\D+(\d[\d.]*).*safari/.test(ua)){ // safari
browser.safari = true;
browser.appname = 'safari';
browser.version = RegExp.$2;
}
return browser.appname + ' ' + browser.version;
}
};
Login.init();