xiaogang
/
chengluApp


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
							<!DOCTYPE html>
<html>
	<head>
	    <meta charset="utf-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	    <title>邀请注册</title>
	    <script src="js/mui.min.js"></script>
	    <script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	    <link href="css/mui.min.css" rel="stylesheet"/>
	    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
	    <link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<div class="head">
			<img src="img/logo.png" class="logo" />
		</div>
		<div class="wrapper">
			<div class="item">
				<img src="img/tel.png" class="icon"/>
				<div class="inptBox">
					<input type="tel" class="inpt" id="tel" placeholder="请输入您的手机号" />
				</div>
			</div>
			<!-- <div class="item"> -->
				<!-- <img src="img/pic.png" class="icon"/> -->
				<!-- <div class="inptBox"> -->
					<!-- <input type="number" class="inpt" id="pic" placeholder="请输入图形验证码" /> -->
					<!-- <span class="picBtn"> -->
						<!-- <img src="http://chenglu.im/captcha/default" onclick="javascript:this.src=this.src+'?t=new Date().getTime()'" class="img"/> -->
					<!-- </span> -->
				<!-- </div> -->
			<!-- </div> -->
			<div class="item">
				<img src="img/msg.png" class="icon"/>
				<div class="inptBox">
					<input type="number" class="inpt" id="msg" placeholder="请输入短信验证码" />
					<span class="codeBtn">获取验证码</span>
					<input type="hidden" id="code_verify">
				</div>
			</div>
			<div class="item">
				<img src="img/pwd.png" class="icon"/>
				<div class="inptBox">
					<input type="password" class="inpt" id="loginpwd" placeholder="密码为6-16位英文、数字结合" />
					<span class="eyeBtn">
						<img src="img/eyes_close.png" class="eye"/>
					</span>
				</div>
			</div>

			<div class="item">
				<img src="img/ycode.png" class="icon"/>
				<div class="inptBox">
					<input type="text" class="inpt" id="ycode" placeholder="邀请码（选填）" />
				</div>
			</div>
			<p class="regBtn">注册</p>
			<p class="xiey">点击注册按钮即同意<span>《用户协议》</span></p>
		</div>
		<div class="Mask" style="display: none;">
			<div class="content">
				<p class="name">用户协议</p>
				<p class="neir"></p>
				<p class="btn">确定</p>
			</div>
		</div>

	    <script type="text/javascript" charset="utf-8">
	      	mui.init();
	      	//协议
			$.ajax({
				url:'https://t22.9026.com/api/login/xieyi?type=1&cont=1',
				type:'get',
				data:{},
				dataType:'json',
				success:function(res){
					$('.neir').append(res.data.content);

				}
			})
	      	//获取短信验证码
	      	var codeBtn=true,time=120,timer;
	      	$(".codeBtn").on("click",function(){
	      		if(codeBtn){
	      			var tel=$("#tel").val();
		      		<!-- var pic=$("#pic").val(); -->
		      		if(tel.length!=11){
		      			return mui.toast('手机号码格式不对！');
		      		}
		      		<!-- if(pic.length!=4){ -->
		      			<!-- return mui.toast('图片验证码错误！'); -->
		      		<!-- } -->
		      		codeBtn=false;
			      	$.ajax({
			      		type:"get",
			      		url:"https://t22.9026.com/api/sms/send",
			      		dataType:"JSON",
			      		data:{
			      			mobile: tel,
			      			event: 'login',
			      		},
			      		success:function(data){
			      			if(data.verifyKey){
								$('#code_verify').val(data.verifyKey)
								mui.toast('短信发送成功');

			      				$(".codeBtn").html(time+'s');
                                timer=setInterval(function(){
                                    if(time>0){
                                        time--;
                                        $(".codeBtn").html(time+'s');
                                    }else{
                                        clearInterval(timer);
                                        time=120;
                                        codeBtn=true;
                                        $(".codeBtn").html('重新获取');
                                    }
                                },1000)
			      			}else{
			      				$(".img").click();
			      				codeBtn=true;
			      			}
			      		}
			      	});
	      		}
	      	})
	      	//注册
	      	var regBtn=true,xieyBtn=true;
	      	$(".regBtn").on("click",function(){
	      		if(regBtn){
	      			var tel=$("#tel").val();
	      			var msg=$("#msg").val();
	      			var pwd=$("#loginpwd").val();
	      			var ycode=$("#ycode").val();
					var verifyKey=$("#code_verify").val();
		      		if(tel.length!=11){
		      			return mui.toast('手机号码格式不对！');
		      		}
		      		if(msg.length!=4){
		      			return mui.toast('短信验证码错误！');
		      		}
		      		if(!(/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/.test(pwd))){
		      			return mui.toast('密码格式错误！');
		      		}


		      		if(xieyBtn){
		      			return mui.toast('请先勾选隐私协议');
		      		}
		      		regBtn=false;
			      	$.ajax({
			      		type:"POST",
			      		url:"https://t22.9026.com/api/login/reg_h5",
			      		dataType:"JSON",
			      		data:{
			      			mobile: tel,
			      			password:pwd,
			      			smsCode:msg,
			      			ycode:ycode,
							verifyKey:verifyKey
			      		},
			      		success:function(data){
			      			mui.toast(data.message);
                            if(data.code==1){
                                setTimeout(function () {
                                    window.location.href='http://i.xiaoquann.com/invite_slb?uuid=241761241301164032'
                                },1000)
                            }else{
                            	regBtn=true;
                            }
                            regBtn=true;
			      		}
			      	});
	      		}
	      	})
	      	//
	      	$(".xiey").on("click",function(){
	      		if(xieyBtn){
	      			xieyBtn=false;
	      			$(this).addClass('active');
	      		}else{
	      			xieyBtn=true;
	      			$(this).removeClass('active');
	      		}
	      	})
	      	//打开协议
	      	$(".xiey span").on("click",function(){
	      		$(".Mask").fadeIn(300);
	      	})
	      	//关闭协议
	      	$(".btn").on("click",function(){
	      		$(".Mask").fadeOut(300);
	      	})

	      	//眼睛
	      	$(".eyeBtn").on("click",function(){
	      		if($(this).siblings('input').attr('type')=='password'){
	      			$(this).children('img').attr('src','img/eyes_open.png')
	      			$(this).siblings('input').attr('type','text');
	      		}else{
	      			$(this).children('img').attr('src','img/eyes_close.png')
	      			$(this).siblings('input').attr('type','password');
	      		}
	      	})
	    </script>
	</body>
</html>

<script type="text/javascript">
	$(function(){
		$('#ycode').val(getUrlParam('invoce'));
	});

	function getUrlParam(name) {
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");//构造一个含有目标参数的正则表达式对象
     	var r = window.location.search.substr(1).match(reg);//匹配目标参数
     	if (r != null) return unescape(r[2]); return null;//返回参数值
	}
</script>