|
//绑定手机
mui.ready(function() {
/*定义全局变量*/
var phoneName = document.getElementById("username");
var setCode = document.getElementById("set-code");
var obtainCode = document.getElementById("obtain-code");
var bdButtn = document.getElementById("bdbuttn");
var phoneCode = false;
var state;
var userId;
mui.plusReady(function() {
/*校验提交按钮显示状态*/
mui('.maincon').on('keyup', "#username,#set-code", function() {
hideButtn(phoneName,setCode,bdButtn,"frmactiveok");
});
/*点击获取验证码*/
obtainCode.addEventListener('tap', function() {
phoneVal();
})
/*注册按钮*/
bdButtn.addEventListener('tap', function() {
codeVal();
})
/*校验手机号*/
function phoneVal() {
var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
if(hunPhone.test(phoneName.value)) {
isReg();
} else {
plus.nativeUI.toast("请输入正确的手机号码", toastStyle);
return;
}
}
/*校验用户名是否注册*/
function isReg() {
mui.ajax(baseUrl + '/ajax/isReg?key=' + phoneName.value, {
dataType: 'json', //数据格式类型
type: 'GET', //http请求类型
timeout: 10000, //超时设置
async: false,
success: function(data) {
console.log(data.data);
if(data.data == false) {
plus.nativeUI.toast("您的手机已被绑定", toastStyle);
return;
} else {
phoneCode = true;
if(phoneCode){
sendAuthentication();
}
}
},
error: function() {
plus.nativeUI.toast("服务器链接超时", toastStyle);
}
});
}
/*手机发送验证码*/
function sendAuthentication() {
userId = plus.storage.getItem('userid');
mui.ajax(baseUrl + '/ajax/vcWithBind', {
data: {
mobilePhone: phoneName.value,
userid:userId
},
dataType: 'json', //数据格式类型
type: 'get', //http请求类型
async: false,
timeout: 10000, //超时设置
success: function(data) {
console.log(data.success);
if(data.success) {
state = data.data;
doClick();
}
},
error: function() {
plus.nativeUI.toast("服务器链接超时", toastStyle);
return;
}
})
}
/*30s后重新获取验证码*/
function doClick() {
var getCodeOff = document.getElementById("getcodeoff");
obtainCode.style.display = "none";
getCodeOff.style.display = "block";
getCodeOff.innerHTML = "30s后重新获取";
var clickTime = new Date().getTime();
var Timer = setInterval(function() {
var nowTime = new Date().getTime();
var second = Math.ceil(30 - (nowTime - clickTime) / 1000);
if(second > 0) {
getCodeOff.innerHTML = second + "s后重新获取";
} else {
clearInterval(Timer);
obtainCode.style.display = "block";
getCodeOff.style.display = "none";
obtainCode.innerHTML = "获取验证码";
}
}, 1000);
}
/*校验验证码*/
function codeVal() {
mui.ajax(baseUrl + '/ajax/validCode', {
data: {
"state": state,
"vc": setCode.value
},
dataType: 'json', //数据格式类型
async: false,
type: 'POST', //http请求类型
timeout: 10000, //超时设置
success: function(data) {
if(data.success) {
if(data.data) {
bdOK();
}else{
plus.nativeUI.toast("验证码不正确", toastStyle);
return;
}
}else{
console.log(data.msg);
if(data.msg=="验证超时"){
plus.nativeUI.toast("验证码超时", toastStyle);
return;
}else{
plus.nativeUI.toast("请填写正确的手机号,验证码", toastStyle);
return;
}
}
},
error: function() {
plus.nativeUI.toast("服务器链接超时", toastStyle);
return;
}
})
}
/*发送后台信息*/
function bdOK(){
console.log(state);
console.log(userId);
console.log(phoneName.value);
console.log(setCode.value);
mui.ajax(baseUrl + '/ajax/bindMobilePhone', {
data: {
state:state,
userid:userId,
mobilePhone:phoneName.value,
validateCode:setCode.value
},
dataType: 'json', //数据格式类型
type: 'POST', //http请求类型
async: false,
timeout: 10000, //超时设置
success: function(data) {
console.log(data.success);
console.log(data.data);
if(data.success && data.data) {
plus.nativeUI.toast("手机绑定成功", toastStyle);
var securityPage = plus.webview.getWebviewById('../html/security.html');
mui.fire(securityPage,'xsphone', {
phonetel:phoneName.value
});
mui.back();
}else{
plus.nativeUI.toast("手机绑定失败", toastStyle);
return;
}
},
error: function() {
plus.nativeUI.toast("服务器链接超时", toastStyle);
return;
}
})
}
});
});
|