説明なし

bindphone.js 4.9KB

    //绑定手机 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; } }) } }); });