Amoy2
/
sr-iHealthApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
							<!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" type="text/css" href="../../../common/iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
		<link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" href="../css/shenfenyanzheng.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../../../common/css/jy-style.css">
		<link rel="stylesheet" type="text/css" href="../../../common/css/doc-style.css" />
	</head>

	<body>
		<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1 class="c-f17">身份验证</h1>
				<!--<a href="javascript:void(0);" id="upload">提交签约</a>-->
			</div>
		</div>
		
		<div class="c-main mui-content">
			
			<ul class="n-list edit-list c-border-tb mt10" id="info_list">
				
				<li class="n-list-cover" id="mobile">
					<div class="n-list-key w3em">手机号码</div>
					<div class="n-list-info mui-input-row">
						<input type="text" class="ajax c-input width-100 mui-input-clear pr40 reg-mobile" placeholder="请输入手机号码" maxlength="11" />
					</div>
					<div class="n-list-info btn-yzm">
						<div>
							获取验证码
						</div>
					</div>
				</li>
				<li class="n-list-cover" id="emerMoblie">
					<div class="n-list-key w3em">验证码</div>
					<div class="n-list-info mui-input-row">
						<input type="text" class="c-input width-100 mui-input-clear pr40" placeholder="请输入短信中的验证码" maxlength="6" />
					</div>
				</li>
				
			</ul>

			<div class="plr10 mt15 pb20">
				<a class="c-btn c-btn-full c-btn-37a6ec border-radius-rounded" id="next_step">下一步</a>
			</div>
			<div class="mui-content-pad">
				<a id="accounts" class="btn-rt">账号申诉</a>
			</div>
		</div>

		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/security.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script>
			var $btnYzm= $('.btn-yzm'), $btnYzmCon = $('.btn-yzm div'), times = 60, msgType = 3;
			
			mui.plusReady(function(){
				init();
			})
			
			/**
			 * 初始化
			 */
			function init(){
				var yzmStart = plus.storage.getItem("yzmStart");
				if(yzmStart){
					var leftTime = 60 - parseInt((new Date().getTime() - plus.storage.getItem("yzmStart")) / 1000);
					if(leftTime>0){
						$btnYzm.addClass("disabled");
						times = leftTime;
						setTimes();
					}
				}
			}
			
			/**
			 * 下一步
			 */
			$('#next_step').on('tap', function(){
				var mobile = validMobile();
				if(!mobile) 
					return;
					
				var emerMoblie = $.trim($('#emerMoblie input').val());
				if(emerMoblie == "" || emerMoblie.length!=6){
					mui.toast("请输入6位验证码！");
					return;
				}
				plus.nativeUI.showWaiting();
				sendPost("/common/check_captcha", {
					mobile: mobile,
					captcha: emerMoblie,
					type: msgType
				}, null, function(res){
					if(res.status == 200){
						mui.openWindow("shezhimima.html", "shezhimima.html", {extras: {
							mobile: mobile
						}});
					} else {
						mui.toast(res.msg);
					}
					plus.nativeUI.closeWaiting();
				})
			})
		
			/**
			 * 获取验证码按钮
			 */
			$btnYzm.on('tap', function(){
				var $this = $(this);
				if(!$this.hasClass('disabled')){
					var mobile = validMobile();
					if(!mobile) 
						return;
					
					sendPost("login/checkmobile", {
						mobile: mobile,
						type: 1
					}, function(res){
						mui.toast("检查手机号是否存在失败！");
					}, function(res){
						if(res.status == 200){//手机号码存在
							$this.addClass('disabled');
							sendPost("/common/captcha", {
								mobile: mobile,
								type: msgType
							}, function(res){
								$this.removeClass('disabled');
								mui.toast(res.msg);
							}, function(res){
								if(res.status == 200){
									plus.storage.setItem("yzmStart", new Date().getTime() + "");
									setTimes();
									mui.toast("验证码短信已发送！");
								} else {
									$this.removeClass('disabled');
									mui.toast(res.msg);
								}
							})
						} else {//手机号码不存在
							mui.toast("无该账号，请核对后重试！");
						}
					})
				}
			})
			
			/**
			 * 获取验证码计时器
			 */
			function setTimes(){
				$btnYzmCon.html("<label>"+ times +"</label> 秒");
				if(times==0){
					$('.btn-yzm').removeClass('disabled');
					$btnYzmCon.html("获取验证码");
					times = 60;
				} else {
					--times;
					setTimeout('setTimes()', 980);
				}
			}
			
			$('#accounts').on('tap',function(){
				mui.openWindow({
					id: "account_back",
					url: "account_back.html",
					extras: {
						
					}
				});
			})
			
		</script>
	
	</body>

</html>