noseCloud
/
Starboth-Cloud-H5


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<title>落地页活动</title>
	<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
	<link rel="stylesheet" href="../static/js/vender/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
	<link rel="stylesheet" href="../static/css/yunActivity.css">
	<script src="../static/js/vender/jquery-3.4.1.min.js"></script>
	<script src="../static/js/vender/toastr/toastr.min.js"></script>
	<script src="../static/js/vender/config.js"></script>
	<script src="../static/js/vender/crypto-js.js"></script>
	<script src="../static/js/vender/ase.js"></script>
</head>

<body>
	<div class="containers">
			<div class="banner-wrap">
				<div class="img-title">
					<img class="banner-img" src="../static/img/yunActivity/title.png">
				</div>
				<div class="img-middle">
					<img class="time-img" src="../static/img/yunActivity/time.png">
				</div>
				<div class="img-bottom">
					<img class="game-img" src="../static/img/yunActivity/banner.png">
				</div>
			</div>
			<div class="receive-code">
				<div class="take-phone">
					领取云机激活码	
				</div>	
				<div class="send-phone">
					<img class="img-code" src="../static/img/qqActivity/phone.png">
					<input class="phone-ipt ipt" type="number" placeholder="请输入手机号" />
				</div>
				<div class="phone-tip">手机号码不正确，请重新输入！</div>
				<div class="donwlond-receive">
					<img class="btn-img" src="../static/img/yunActivity/takedowlond.png">	
				</div>
			</div>
			<div class="direction">
				<p>用绑定手机号打开双子星云手机APP，</p>
				<p>登录并进入<b>“我的-我的工具-激活码”</b>兑换使用</p>
			</div>
	</div>
	<script>
		toastr.options.positionClass = 'toast-center-center';
		toastr.options.timeOut = '1500';
	</script>
	<script type="text/javascript">
		$('.phone-ipt')[0].oninput = checkPhone;
		function checkPhone(){
			let phone = $('.phone-ipt').eq(0).val();
			phone = phone.replace(/\s+/g,"");
			if(phone.length > 11){
				phone = phone.slice(0,11);
				$('.phone-ipt').eq(0).val(phone);
			}
			let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
			if(!phone){
				$('.phone-tip').eq(0).css('display', 'block');
				return false;
			}else if(!reg_tel.test(phone) && phone.length == 11){
				$('.phone-tip').eq(0).css('display', 'block');
				return false;
			}else{
				$('.phone-tip').eq(0).css('display', 'none');
				return true;
			}
		}
		$('.phone-ipt')[0].addEventListener('blur',() => {
			let phone = $('.phone-ipt').eq(0).val();
			phone = phone.replace(/\s+/g,"");
			let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
			if(!reg_tel.test(phone)){
				$('.phone-tip').eq(0).css('display', 'block');
			}
			if(phone == '') {
				$('.phone-tip').eq(0).css('display', 'none');	
			}
		},false);
	</script>
</body>

</html>