chenyue
/
sr-iHealthwx-raolu


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262
							<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>注册</title>
	<meta name="author" content="yihu.com"/>
	<meta name="format-detection" content="telephone=no"/>
	<meta name="viewport"
	      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
	<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
	<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
	<style>
		.n-list-info{position: relative;}
		.searchbar-clear{position: absolute;width: 28px;height: 28px;right: 0;top:8px;opacity:0;pointer-events:none;background-position:center;background-repeat:no-repeat;background-image:url(../../../images/delete01_pre.png);-webkit-background-size:20px 20px;background-size:20px 20px;-webkit-transition-duration:300ms;transition-duration:300ms;cursor:pointer;}
		#div-yzm{width:80px;height:29px;border:1px solid #4DCD70;color:#4DCD70;font-size:14px;line-height:29px;text-align:center;border-radius:10px;margin-top:7px;}
		.c-btn-dcdcdc{background: #DCDCDC;}
		.c-btn.active{background: #4DCD70;}
		.form-register.edit-info.registered > li {
			height: auto;line-height: initial;
		}
	</style>
</head>

<body>
<div class="main">
	<div class="m15 c-999 c-f16">
		<span class="c-ff8100 mr5">*</span>请点击“获取短信验证码”，我们会向您的手机号
		<span class="c-ff8100" id="spanMobile"></span>发送验证码，请查收!
	</div>
	<ul class="n-list edit-info registered c-border-tb mt15 c-f15 form-register">
		<li class="pt5" style="padding-right: 0;">
			<div class="c-row"><div class="c-10">
				<label for="txtCode" class="n-list-key">
					<i class="iconfont icon-yanzhengma01"></i>
				</label>
			</div>
	        <div class="c-40">
				<div class="n-list-info">
					<input id="txtCode" type="text" class="width-100 c-f16 c-5b5b5b" placeholder="请输入验证码">
					<a href="#" class="searchbar-clear" style="pointer-events: none; opacity: 0;"></a>
				</div></div>
	        <div class="c-50">
	        	<div id="messageCode1" class="pl5 c-17b3ec" onclick="sendCode()">
					<span class="c-f14">获取短信验证码</span>
				</div>
				<div id="messageCode2" class="n-list-key pl15 c-999999" style="display: none;">
					<span id="message" class="c-f14"></span>
				</div>
	        </div>
	    </div>
		</li>
	</ul>
	<ul class="n-list edit-info registered c-border-tb mt10 c-f15 form-register">
		<li class="ptb5">
			<div class="n-list-key">
				<span class="f-fs16 c-323232">设置密码</span>
			</div>
			<div class="n-list-info">
				<input type="password" class="width-100 c-f16 c-5b5b5b reg-pwd" placeholder="请输入密码"/>
				<a href="#" class="searchbar-clear"></a>
			</div>
		</li>
		<li class="ptb5">
			<div class="n-list-key">
				<span class="f-fs16 c-323232">确认密码</span>
			</div>
			<div class="n-list-info">
				<input id="apwd" type="password" class="width-100 c-f16 c-5b5b5b" placeholder="请再次输入密码"/>
				<a href="#" class="searchbar-clear"></a>
			</div>
		</li>
	</ul>
	<div class="mlr15 mtb20">
		<a href="javascript:;" onclick="commit()" class="c-btn c-btn-4dcd70 c-btn-full c-btn-radius c-f18">注册</a>
	</div>
</div>
</body>
<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js" ></script>
<script type="text/javascript" src="../../../js/common_http.js" ></script>
<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
<script src="../../../js/security.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="../../../js/mui.min.js" ></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
	var type = 0;
	var openid = "";
	var name = "";
	var mobile = "";
	var idcard = "";
	var ssc = "";
	$(function (){
		var paramAgent = window.localStorage.getItem("paramAgent");
		if(paramAgent){
			var jsonstr = $.parseJSON(paramAgent);
			type = jsonstr.type;
			name = decodeURI(jsonstr.name);
			openid = jsonstr.openid;
			idcard = jsonstr.idcard;
			mobile = jsonstr.mobile;
			ssc = jsonstr.ssc;
			var mobile2 = mobile.substring(0, 4) + "****" + mobile.substring(8, 11);
			document.getElementById("spanMobile").innerHTML = mobile2;
		}
		else{
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'未找到参数'}).show();
		}
		bindEvents();
	});

	function bindEvents(){
		$("input").on("focus",function(){
			$(".searchbar-clear").css("pointer-events","none").css("opacity",0);
			if($(this).val()){
				$(this).next().css("pointer-events","auto").css("opacity",1);
			}
		}).on("input",function(){
			$(this).next().css("pointer-events","auto").css("opacity",1);
		});

		$(".n-list-info").on("click",".searchbar-clear",function(){
			$(this).prev().val("");
			$(this).css("pointer-events","none").css("opacity",0);
			$(this).prev().focus();
			return false;
		});
	}

	var clock = "";
	var nums = 60;
	function sendCode(){
		$("#messageCode1").hide();
		document.getElementById("message").innerHTML = nums+'秒后可重新获取';
		$("#messageCode2").show();
		clock = setInterval(doLoop, 1000); //一秒执行一次
		var data = {};
		data.mobile = mobile;
		data.type = 1;
		sendPost("common/captcha", data, "json", "post", sendFailed, sendSuccesss);
	}
	//失败
	function sendFailed(res) {
		clearInterval(clock); //清除js定时器
		$("#messageCode1").show();
		$("#messageCode2").hide();
		nums = 60; //重置时间
		if (res && res.msg) {
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
		} else {
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'获取失败'}).show();
		}
	}

	function sendSuccesss(res){
		if (res.status == 200) {

		}
		else{
			sendFailed(res);
		}
	}

	function doLoop(){
		nums--;
		if(nums > 0){
			document.getElementById("message").innerHTML = nums+'秒后可重新获取';
		}else{
			clearInterval(clock); //清除js定时器
			$("#messageCode1").show();
			$("#messageCode2").hide();
			nums = 60; //重置时间
		}
	}

	var chineseReg = /.*[\u4e00-\u9fa5]+.*$/;
	function validPwd(){
		var pwd = $.trim($('.reg-pwd').val());
		if(chineseReg.test(pwd)){
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'密码不可包含中文'}).show();
			return;
		}
		if(pwd.length<6){
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'密码不得少于6位'}).show();
			return;
		}
		return pwd;
	}

	var dd = dialog({contentType:'load', skin:'bk-popup', content:'注册中...'});
	//提交注册
	function commit(){
		var captcha = document.getElementById("txtCode").value;
		if (!captcha) {
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'验证码不能为空'}).show();
			return;
		}
		var pwd = validPwd();
		if(!pwd)
			return;
		var apwd = $('#apwd').val().trim();
		if(apwd != pwd){
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'两次密码不一致'}).show();
			return;
		}

		var data = {};
		dd.showModal();
		//加密设置:获取公钥
		var encryURL = server + "login/public_key";
		var key = RSAUtils.getKeyFromServer(encryURL);
		//拼请求内容
		data.idcard = RSAUtils.encryStr(key, idcard);
		data.password = RSAUtils.encryStr(key, pwd);
		data.mobile = mobile;
		data.ssc = ssc;
		data.captcha = captcha;
		data.openid = openid;
		data.name = name;
		sendPost("weixin/regist", data, "json", "post", operateFailed, operateSuccesss);
	}

	//失败
	function operateFailed(res) {
		dd.close();
		if (res && res.msg) {
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
		} else {
			dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'注册失败'}).show();
		}
	}   
	//成功调用登录接口
	function operateSuccesss(res) {
		if (res.status == 200) {
			window.localStorage.removeItem("paramAgent");
			//成功
			var id = res.data.id;
			var uid = res.data.uid;
			var name = res.data.name;
			var photo = res.data.photo;
			var token = res.data.token;
			//保存用户信息
			wxSaveUserAgent(id, uid, openid, token);
			wxSaveUserAgent1(uid, name, photo);
			// 缓存第一个人的uid和名字，后面账号切换需要用    
			window.localStorage.removeItem("firstUid");
			window.localStorage.setItem("firstUid", uid);
			window.localStorage.removeItem("firstName");
			window.localStorage.setItem("firstName", name);
			window.location.href = pageUrl[type];
			dd.close();
		} else {
			//非200则为失败
			operateFailed(res);
		}
	}
</script>
</html>