ekexiu.app/app/js/bindphone.js

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