mui.plusReady(function() {
var ws = plus.webview.currentWebview();
var phone=document.getElementById("phone");
var getPhoneCode=document.getElementById("getPhoneCode");
var oPhoneCode=document.getElementById("phoneCode");
var weiChatName=document.getElementById("weiChatName");
var setpassword=document.getElementById("setpassword");
var binding=document.getElementById("binding");
var changImage = document.getElementById("changImage")
var state = 0;
var phoneCode = false;
document.getElementById("weiChatName").value=ws.name;
phone.addEventListener("keyup",function(){
	if(phone.value==""){
		getPhoneCode.setAttribute("disabled","disabled");
	}else{
		if(getPhoneCode.getAttribute("disabled")==null){
			return;
		}
		getPhoneCode.removeAttribute("disabled")
	}
})
/*校验提交按钮显示状态*/
		mui('.frmboxNew').on('keyup', "#weiChatName,#imgCode,#phone,#phoneCode,#setpassword", function() {
			if(weiChatName.value == "" || phone.value == "" || oPhoneCode.value == "" || setpassword.value == "") {
				binding.setAttribute("disabled","disabled");
			} else {
				if(binding.getAttribute("disabled")==null) {
					return;
				}
				binding.removeAttribute("disabled");
			}
		});
		changImage.addEventListener("tap",function(){ 
			this.setAttribute("src",baseUrl+"/ajax/PictureVC?"+new Date().getTime());
		})
		/*校验手机号*/
		getPhoneCode.addEventListener("tap",function(){
			phoneVal();
		})
		function phoneVal() {
			if(imgCode.value=="") {
				plus.nativeUI.toast("请输入图形验证码", toastStyle);
				return;
			}
			var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
			if(hunPhone.test(phone.value)) {
				isReg();
			} else {
				plus.nativeUI.toast("请输入正确的手机号码", toastStyle);
				return;
			}
		}

		/*校验用户名是否注册*/
		function isReg(arg) {
			var oArg=arg;
			mui.ajax(baseUrl + '/ajax/isReg?key=' + phone.value, {
				dataType: 'json', //数据格式类型
				type: 'GET', //http请求类型
				timeout: 10000, //超时设置
				success: function(data) {
					if(data.data == false) {
						if(oArg==1) {
							plus.nativeUI.toast("该账号已存在", toastStyle);
						}else{
							plus.nativeUI.toast("该账号已存在，请直接登录", toastStyle);
						}
						return;
					} else {
						if(oArg==1){		
							codeVal();
						}else{							
						phoneCode = true;
						if(phoneCode){
							sendAuthentication();
						}
						}
						
					}
				},
				error: function() {
					plus.nativeUI.toast("服务器链接超时", toastStyle);
					return;
				}
			});
		}
		/*手机发送验证码*/
		function sendAuthentication() {
			var cookieValue=plus.navigator.getCookie(baseUrl+"/ajax/PictureVC");
			console.log(cookieValue)
			mui.ajax(baseUrl + '/ajax/regmobilephone', {
				header:{
					"Cookie":cookieValue
				},
				data: {
					mobilePhone: phone.value,
					vcode: imgCode.value
				},
				dataType: 'json', //数据格式类型
				type: 'GET', //http请求类型
				async: false,
				timeout: 10000, //超时设置
				success: function(data) {
					console.log(JSON.stringify(data))
					if(data.success) {
						state = data.data;
						console.log(state);
						doClick();
					}else{
						if(data.code==20001) {
							plus.nativeUI.toast("请输入正确的图形验证码", toastStyle);
							changImage.setAttribute("src",baseUrl+"/ajax/PictureVC?"+new Date().getTime());
						}
					}
				},
				error: function() {
					plus.nativeUI.toast("服务器链接超时", toastStyle);
					return;
				}
			})
		}
	/*30s后重新获取验证码*/
		function doClick() {
			var getCodeOff = document.getElementById("getcodeoff");
			getPhoneCode.style.display = "none";
			getCodeOff.style.display = "block";
			getCodeOff.value = "60s后重新获取";
			var clickTime = new Date().getTime();
			var Timer = setInterval(function() {
				var nowTime = new Date().getTime();
				var second = Math.ceil(60 - (nowTime - clickTime) / 1000);
				if(second > 0) {
					getCodeOff.value = second + "s后重新获取";
				} else {
					clearInterval(Timer);
					getPhoneCode.style.display = "block";
					getCodeOff.style.display = "none";
					getPhoneCode.value = "获取验证码";
					changImage.setAttribute("src",baseUrl+"/ajax/PictureVC?"+new Date().getTime());
				}
			}, 1000);
		}
		/*校验验证码*/
		function codeVal() {
			console.log(state);
			console.log(oPhoneCode.value)
			mui.ajax(baseUrl + '/ajax/validCode', {
				data: {
					"state": state,
					"vc": oPhoneCode.value
				},
				dataType: 'json', //数据格式类型
				async: false,
				type: 'POST', //http请求类型
				timeout: 10000, //超时设置
				success: function(data) {
					console.log(JSON.stringify(data));
					if(data.success) {
						if(data.data) {
							completeReg();
						}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;
				}
			})
		}
		binding.addEventListener("tap",function(){
			var nameval = /^\w{0,20}$/;
			var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
			var oNum=/^\d{4}$/;
			if(nameval.test(weiChatName.value)) {
				plus.nativeUI.toast("姓名最长为10个汉字或20个英文字符", toastStyle);
				return;
			} 
			if(!hunPhone.test(phone.value)) {
				plus.nativeUI.toast("请输入正确的手机号码", toastStyle);
				return;
			}
			if(imgCode.value.length==0) {
				plus.nativeUI.toast("请输入图形验证码", toastStyle);
				return;
			}else if(imgCode.value.length==4){
				
			}else{
				plus.nativeUI.toast("图形验证码4位", toastStyle);
				return;
			}
			if(!oNum.test(oPhoneCode.value)) {
				plus.nativeUI.toast("验证码为4位数字", toastStyle);
				return;
			}
			if(setpassword.value.length < 6){
				plus.nativeUI.toast("密码由6-24个字符组成，区分大小写", toastStyle);
				return;
			}
			isReg(1);
		});
		//绑定提交
		function completeReg() {
			console.log(state)
			console.log(ws.openid);
			console.log(phoneCode.value);
			
			mui.ajax(baseUrl + '/ajax/mobileReg', {
				data: {
					state: state,
					mobilePhone: phone.value,
					validateCode: oPhoneCode.value,
					password: setpassword.value,
					name:weiChatName.value,
					oauthType :"weixin" , 
					openid : ws.openid
				},
				dataType: 'json', //数据格式类型
				type: 'post', //http请求类型
				success: function(data) {
					console.log(JSON.stringify(data))
					if(data.success) {
						var userId = data.data;
						plus.storage.setItem('userid', userId);
						plus.storage.setItem('name', weiChatName.value);
						plus.storage.setItem('mobilePhone', phone.value);
						plus.nativeUI.toast("已完成注册，请填写个人信息", toastStyle);
						mui.openWindow({
							url: 'fill-select.html',
							id: 'fill-select.html',
							extras: {
								userid: userId
							},
							show: {
								aniShow: "slide-in-right"
							}
						});
					}else{
						if(data.code==-1){
							plus.nativeUI.toast("验证码已过期，请重新获取", toastStyle);
						}else if(data.code==-2 || data.code==-3 ||data.code==0){
							plus.nativeUI.toast("验证码错误，请检查后重试", toastStyle);
						}
					}
				},
				error: function() {
					plus.nativeUI.toast("服务器链接超时", toastStyle);
				}
			});
		}
		/*点击已有账号跳已有账号页面*/
		document.getElementById("alreadyAccount").addEventListener("tap",function(){
			mui.openWindow({
							url: '../html/backBindOn.html',
							id: 'backBindOn.html',
							show: {
								aniShow: "slide-in-right"
							},
							extras: {
								openid:ws.openid
							}
						});
		})
		/*用户协议*/
		document.getElementById("protocollink").addEventListener('tap',function(){
			mui.openWindow({
				url: '../html/privacy.html',
				id: '../html/privacy.html',
				show: {
					aniShow: "slide-in-right"
				}
			});
		});
})