注册添加图形验证码

app/html/reg.html

@@ -23,6 +23,14 @@
		        <div class="mui-input-row frm-input">
		            <input type="tel" class="mui-input-clear frmtype" placeholder="请输入手机号码" id="username">
		        </div>
		        <div class="mui-row mui-input-row frm-input">
		        	<div class="mui-col-xs-8">
		        		<input type="tel" class="frmtype" placeholder="请输入图形验证码" id="imgCode">
		        	</div>
					<div class="mui-col-xs-4">
						<img src="http://www.ekexiu.com/ajax/PictureVC" alt="" id="changImage" width="100%" height="48"/>
					</div>
				</div>
		        <div class="mui-row mui-input-row frm-input">
		        	<div class="mui-col-xs-8">
		        		<input type="tel" class="frmtype" placeholder="请输入验证码" id="set-code">

app/js/register.js

@@ -9,14 +9,16 @@ mui.ready(function() {
	var setpassword = document.getElementById("setpassword");
	var reg = document.getElementById("reg");
	var protocollink = document.getElementById("protocollink");
	var imgCode = document.getElementById("imgCode");
	var changImage = document.getElementById("changImage")
	var phoneCode = false;
	var state = 0;
	
	mui.plusReady(function() {
		/*校验提交按钮显示状态*/
		mui('.frmboxNew').on('keyup', "#name,#username,#set-code,#setpassword", function() {
			if(name.value == "" || phoneName.value == "" || setCode.value == "" || setpassword.value == "") {
		mui('.frmboxNew').on('keyup', "#name,#username,#imgCode,#set-code,#setpassword", function() {
			if(name.value == "" || phoneName.value == "" || imgCode.value == "" || setCode.value == "" || setpassword.value == "") {
				reg.classList.remove("frmactiveok");
				reg.disabled = "disabled";
			} else {
@@ -51,6 +53,15 @@ mui.ready(function() {
				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(setCode.value)) {
				plus.nativeUI.toast("验证码为4位数字", toastStyle);
				return;
@@ -59,7 +70,8 @@ mui.ready(function() {
				plus.nativeUI.toast("密码由6-24个字符组成，区分大小写", toastStyle);
				return;
			}
			isReg(1);
//			isReg(1);
			isReg();
		})
		
		/*用户协议*/
@@ -73,6 +85,9 @@ mui.ready(function() {
			});
		});
		
		changImage.addEventListener("tap",function(){
			this.setAttribute("src","http://www.ekexiu.com/ajax/PictureVC?"+new Date().getTime());
		})
		/*校验手机号*/
		function phoneVal() {
			var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
@@ -96,7 +111,7 @@ mui.ready(function() {
						plus.nativeUI.toast("该账号已存在，请直接登录", toastStyle);
						return;
					} else {
						if(oArg==1){	
						if(oArg==1){
							codeVal();
						}else{	
							phoneCode = true;
@@ -115,10 +130,12 @@ mui.ready(function() {
		/*手机发送验证码*/ 
		function sendAuthentication() {
			console.log("send code")
			mui.ajax(baseUrl + '/ajax/regmobilephone_onlyphone', {
			console.log(phoneName.value)
			console.log(imgCode.value)
			mui.ajax(baseUrl + '/ajax/regmobilephone', {
				data: {
					mobilePhone: phoneName.value
					mobilePhone: phoneName.value,
					vcode: imgCode.value
				},
				dataType: 'json', //数据格式类型
				type: 'GET', //http请求类型
@@ -129,6 +146,11 @@ mui.ready(function() {
					if(data.success) {
						state = data.data;
						doClick();
					}else{
						if(data.code==20001) {
							plus.nativeUI.toast("请输入正确的图形验证码", toastStyle);
							changImage.setAttribute("src","http://www.ekexiu.com/ajax/PictureVC?"+new Date().getTime());
						}
					}
				},
				error: function() {
@@ -158,7 +180,6 @@ mui.ready(function() {
				}
			}, 1000);
		}
		/*校验验证码*/
		function codeVal() {
			mui.ajax(baseUrl + '/ajax/validCode', {
@@ -227,6 +248,12 @@ mui.ready(function() {
								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() {