regist.js
2.55 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
import Vue from 'vue'
// 添加Fastclick移除移动端点击延迟
import FastClick from 'fastclick'
FastClick.attach(document.body)
// 添加手势触摸事件，使用方法如 v-touch:swipeleft
import VueTouch from './plugins/touchEvent'
Vue.use(VueTouch)
import md5 from './utils/md5'
import cookie from './utils/cookie'
import config from './configs'
import util from './utils'
var formData = new Vue({
el: '#form-data',
data: {
logo: config.logo,
account: '',
password: '',
nickname: '',
errorMsg: ''
},
mounted () {
this.$el.style.display = "";
},
methods: {
regist () {
if (this.account === '') {
this.errorMsg = '帐号不能为空'
return
} else if (this.account.length > 20) {
this.errorMsg = '帐号最多限20位'
return
} else if (/[^a-zA-Z0-9]/.test(this.account)) {
this.errorMsg = '帐号限字母或数字'
return
} else if (this.nickname.length > 10) {
this.errorMsg = '昵称限10位中文、英文或数字'
return
} else if (this.password === '') {
this.errorMsg = '密码不能为空'
return
} else if (this.password.length < 6) {
this.errorMsg = '密码至少需要6位'
return
}
this.errorMsg = ''
// 本demo做一次假登录
// 真实场景应在此向服务器发起ajax请求
let sdktoken = md5(this.password)
let accountLowerCase = this.account.toLowerCase()
let xhr = new XMLHttpRequest()
xhr.open('POST', `${config.postUrl}/api/createDemoUser`, true)
xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded')
xhr.setRequestHeader('appkey', config.appkey)
xhr.send(util.object2query({
username: accountLowerCase,
password: sdktoken,
nickname: this.nickname
}))
xhr.onreadystatechange = () => {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
let data = JSON.parse(xhr.responseText)
if (data.res === 200) {
cookie.setCookie('uid', accountLowerCase)
cookie.setCookie('sdktoken', sdktoken)
location.href = config.homeUrl
} else if (data.res === 414) {
this.errorMsg = data.errmsg
} else {
this.errorMsg = data.errmsg
}
} else {
this.errorMsg = '网络断开或其他未知错误'
}
this.$forceUpdate()
}
}
},
login () {
location.href = config.loginUrl
}
},
})