Kirin
/
ucoin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
							<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta name="misapplication-tap-highlight" content="no" />
		<meta name="HandheldFriendly" content="true" />
		<meta name="MobileOptimized" content="320" />
		<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
	</head>
	<body>
		<div class="container">
			<div class="loginTitle">欢迎注册鲲鹏云矿</div>
			<div class="loginText">请认真填写个人信息</div>
			<div class="login-box">
				<div class="username">账号</div>
				<input class="input-box" type="number" id="phone" name="phone"  placeholder="请输入手机号" />
			</div>
			<div class="login-box">
				<div class="username">验证码</div>
				<div class="flex">
					<input class="input-box" id="code" type="number" name="code" placeholder="请输入验证码">
					<div class="code" onclick="verification()">发送验证码</div>
				</div>
			</div>
			<div class="login-box">
				<div class="username">登录密码</div>
				<input class="input-box" id="loginPass" type="password" name="loginPass" placeholder="请输入登录密码">
			</div>
			<div class="login-box">
				<div class="username">支付密码</div>
				<input class="input-box" id="payPass" type="password" name="payPass" placeholder="请输入支付密码">
			</div>
			<div class="login-box">
				<div class="username">邀请码</div>
				<input class="input-box" id="invitation" type="text" disabled="disabled" name="invitation" placeholder="请输入邀请码">
			</div>
			<div class="flex">
				<div class="login" onclick="fnLogin()">注册</div>
				<div class="login"><a href="">下载APP</a></div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		 var url = location.search;
		 if (url.indexOf("?") != -1) {
			  var str = url.substr(1);
			  strs = str.split("=");
			  var invitation = strs[1];
			  document.getElementById('invitation').value=invitation;
		 }
		function fnLogin() {
			var phone = document.getElementById("phone").value;
			var loginPass = document.getElementById("loginPass").value;
			var payPass = document.getElementById("payPass").value;
			var code = document.getElementById("code").value;
			var invitation = document.getElementById("invitation").value;
			if(phone ==''){
				window.alert("请输入手机号");
				return false;
			}
			if(code ==''){
				window.alert("请输入验证码");
				return false;
			}
			if(loginPass ==''){
				window.alert("请输入登录密码");
				return false;
			}
			if(payPass ==''){
				window.alert("请输入支付密码");
				return false;
			}
			if(invitation ==''){
				window.alert("请输入邀请码");
				return false;
			}
			  $.ajax({
				  type: "post",
				  url: "http://btex.frp.liuniu946.com/api/register",
				  data: {phone:phone,captcha:code,password:loginPass,trade_password:payPass,invite_code:invitation},
				  dataType: "json",
				  success: function(data){
					  window.alert(data.msg);
				  }
			  });
		}
		function verification(){
			var phone = document.getElementById("phone").value;
			if(phone ==''){
				window.alert("请输入手机号");
				return false;
			}
			  $.ajax({
				  type: "post",
				  url: "http://btex.frp.liuniu946.com/api/register/verify",
				  data: {phone:phone,type:'register'},
				  dataType: "json",
				  success: function(data){
					  window.alert(data.msg);
				  }
			  });
		}
	</script>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			font-family: 微软雅黑;
			font-size: 12px;
			min-height: 100%;
		}
		.container{
			padding: 10% 30px 0px 30px;
		}
		.loginTitle {
			font-weight: bold;
			color: #33333;
			font-size: 29px;
			padding-bottom: 25px;
		}
		
		.loginText {
			font-weight: 500;
			color: #333333;
			font-size: 17px;
			margin-bottom: 15px;
		}
		.login-box{
			width: 100%;
			font-size: 16px;
			padding-top: 15px;
		}
		.username{
			display: block;
			padding-bottom: 12px;
			font-weight: 500;
			color: #333333;
			font-size: 16px;
			
		}
		.input-box{
			border: none;
			padding: 10px 0px;
		}
		.code{
			background-color: #5771DF;
			color: #FFFFFF;
			border-radius: 5px;
			font-weight: 500;
			color: #FFFFFF;
			font-size: 13px;
			padding: 6px 8px;
		}
		.login {
			background-color: #5771DF;
			margin-top: 10px;
			color: #FFFFFF;
			text-align: center;
			width: 130px;
			line-height: 40px;
			border-radius: 25px;
			margin-top: 30px;
		}
		.flex{
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
	</style>
</html>