Amoy2
/
sr-iHealthApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
							<!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" type="text/css" href="../../../common/css/jy-style.css">
		<link rel="stylesheet" type="text/css" href="../../../common/css/doc-style.css" />
		<style>
			.vilate-active{
				display:inline-block;
				border-radius:5px;
				border: 1px solid #1CB4EC;
				
				height: 30px;
				margin-left: 10px;	
			}
			.vilate-unactive{
				display:inline-block;
				border-radius:5px;
				border: 1px solid #CCCCCC;
				color:#1CB4EC;
				height: 30px;
				margin-left: 10px;	
			}
			
			.verity-span{
				margin: 3px 5px;
				display: block;
				color:#1CB4EC;
			}
			.verity-span1{
				margin: 3px 5px;
				display: block;
			}
			.verity-secord{
				color:#1CB4EC;
				display: inline-block;
			}
			.f-dn{
				display: none;
			}
			
		</style>
	</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">		
			<ul class="n-list edit-list c-border-tb mt10" id="info_list">
				<li class="n-list-cover" id="name" style="padding-left:5px;">
					<div class="n-list-key w3em" style="width:50px;">手机号</div>
					<div class="n-list-info pl10" style="">
						<input type="text" id="mobile" maxlength="11" class="c-input width-100" placeholder="请输入新手机号" />
						
					</div> 
					<div id='verity_code_div' class="vilate-active">
						<span class="verity-span">获取验证码</span>
						<span class="verity-span1 f-dn"><p class="verity-secord" id='secord'>(60)</p>秒</span>
					</div>
				</li>
				<li class="n-list-cover" style="padding-left:5px;" id="idcard">
					<div class="n-list-key w3em" style="width:50px;">验证码</div>
					<div class="n-list-info pl10">
						<input type="text" id='verity_code' class="c-input width-100" placeholder="请输入短信中的验证码" maxlength="6" />
					</div>
				</li> 
			</ul>
			<div class="mb15 mlr15 mt20">
            		<a id='submit' href="javascript:;" style="font-size: 18px;background-color: #17b3ec;" class="c-btn c-btn-4dcd70 c-btn-full c-btn-radius c-f16">提交</a>
       		 </div>
		</div>

		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script type="text/javascript" src="../../../js/mui.min.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" type="text/javascript" charset="utf-8"></script>
		<script src="../../../widget/mobiscroll/2.17.1/js/mobiscroll.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.17.1/css/mobiscroll.css" />
		<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function() {
				initPage();
			});
			var curTime  = 60;
			function initPage(){
				bindEvents();		
			}
			
			function bindEvents(){
				$("#verity_code_div .verity-span").bind("click",function(){
					var mobile = $("#mobile").val();
					if(!isphone(mobile)) {
						mui.toast("请输入有效的手机号码");
						return;
					}
					$this = this;
					sendPost("/doctor/is_mobile_register", {mobile: mobile},function(res){
						
					},function(res){
						if(res.status==200){
							if(res.data ==1){
								mui.toast("该手机号已经被注册！");
								$("#mobile").select();
								return false
							}
							sendPost("common/captcha", {
								mobile: mobile,
								type: 8,
								captchaToke: ""
							}, function(){
								plus.nativeUI.closeWaiting();
								mui.toast("程序开了点小差， 请稍后重试！");				
							}, function(res) {
								if(res.status == 200) {
									$("#verity_code_div").removeClass("vilate-active").addClass("vilate-unactive");
									$("#verity_code").attr("autofocus", "autofocus");
									$($this).hide();
									$(".verity-span1").show();
									plus.nativeUI.closeWaiting();
									var timer = setInterval(function() {
										curTime--;
										$(".verity-secord").html("("+curTime + ")");
										if(curTime == 0) {
											clearInterval(timer);
											$(".verity-span1").hide();
											$(".verity-span").show();
											$("#verity_code_div").removeClass("vilate-unactive").addClass("vilate-active");
											curTime = 60;
											$(".verity-secord").html("("+curTime + ")");
										}
									}, 1000);
		
								} else {
									plus.nativeUI.closeWaiting();
									mui.toast(res.msg);
								}
							})
						}else{
							mui.toast("程序开了点小差， 请稍后重试！");
						}
						
					});
				})
				$("#submit").bind("click",function(){
						var code  = $("#verity_code").val();
						var mobile = $("#mobile").val();
						if(!isphone(mobile)) {
							mui.toast("请输入有效的手机号码");
							return;
						}
						if(code.length != 6) {
							mui.toast("验证码格式错误，请重新输入");
							$("#verity_code").select();
							return;
						}else{
							sendPost("/common/check_captcha", {
								mobile: mobile,
								type: 8,
								captcha: code
							},function(res){
								plus.nativeUI.closeWaiting();
								mui.toast("程序开了点小差， 请稍后重试！");		
							},function(res){
								if(res.status==200){
									submit(code,mobile);
								}else{
									mui.toast(res.msg);		
								}					
							});
						}
				})	
			}
			
			function submit(code,mobile){
				sendPost("/doctor/mobile_update", {
					mobile: mobile,
					type: 1,
					captcha: code
				},function(res){
					plus.nativeUI.closeWaiting();
					mui.toast("程序开了点小差， 请稍后重试！");		
				},function(res){
					if(res.status==200){
						mui.toast("手机号更换成功！");
						//更新缓存中的数据
						var infoStr = JSON.parse(plus.storage.getItem("docInfo"));
						infoStr.mobile=mobile;
						plus.storage.setItem("userMobile", mobile);
						plus.storage.setItem("docInfo", JSON.stringify(infoStr));
						var mainWv1 = plus.webview.getWebviewById("gerenziliao");
						var mainWv2 = plus.webview.getWebviewById("mine.html");
						if(mainWv1)
							mui.fire(mainWv1, "getDocInfo",{});
						if(mainWv2)
							mui.fire(mainWv2, "refresh",{});
						var mainWv3 = plus.webview.getWebviewById("set");
						if(mainWv3)
							mui.fire(mainWv3, "refresh",{});
						var mainWv4 = plus.webview.getWebviewById("homepage.html");
						if(mainWv4)
							mui.fire(mainWv4, "getDocInfo",{});	
							
						var oldview = plus.webview.getWebviewById("edit_mobilephone");
						var currentView = plus.webview.currentWebview();
						oldview.close();
						currentView.close();
					}else{
						mui.toast(res.msg);		
					}					
				});
			}
			
		</script>
	</body>

</html>