|
| xqd
@@ -0,0 +1,219 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+ <head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
+ <title>邀请注册</title>
|
|
|
+ <script src="js/mui.min.js"></script>
|
|
|
+ <script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
|
|
|
+ <link href="css/mui.min.css" rel="stylesheet"/>
|
|
|
+ <link rel="stylesheet" type="text/css" href="css/reset.css"/>
|
|
|
+ <link rel="stylesheet" type="text/css" href="css/style.css"/>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <div class="head">
|
|
|
+ <img src="img/logo.png" class="logo" />
|
|
|
+ </div>
|
|
|
+ <div class="wrapper">
|
|
|
+ <div class="item">
|
|
|
+ <img src="img/tel.png" class="icon"/>
|
|
|
+ <div class="inptBox">
|
|
|
+ <input type="tel" class="inpt" id="tel" placeholder="请输入您的手机号" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="item"> -->
|
|
|
+ <!-- <img src="img/pic.png" class="icon"/> -->
|
|
|
+ <!-- <div class="inptBox"> -->
|
|
|
+ <!-- <input type="number" class="inpt" id="pic" placeholder="请输入图形验证码" /> -->
|
|
|
+ <!-- <span class="picBtn"> -->
|
|
|
+ <!-- <img src="http://chenglu.im/captcha/default" onclick="javascript:this.src=this.src+'?t=new Date().getTime()'" class="img"/> -->
|
|
|
+ <!-- </span> -->
|
|
|
+ <!-- </div> -->
|
|
|
+ <!-- </div> -->
|
|
|
+ <div class="item">
|
|
|
+ <img src="img/msg.png" class="icon"/>
|
|
|
+ <div class="inptBox">
|
|
|
+ <input type="number" class="inpt" id="msg" placeholder="请输入短信验证码" />
|
|
|
+ <span class="codeBtn">获取验证码</span>
|
|
|
+ <input type="hidden" id="code_verify">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item">
|
|
|
+ <img src="img/pwd.png" class="icon"/>
|
|
|
+ <div class="inptBox">
|
|
|
+ <input type="password" class="inpt" id="loginpwd" placeholder="密码为8-16位英文、数字结合" />
|
|
|
+ <span class="eyeBtn">
|
|
|
+ <img src="img/eyes_close.png" class="eye"/>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="item">
|
|
|
+ <img src="img/ycode.png" class="icon"/>
|
|
|
+ <div class="inptBox">
|
|
|
+ <input type="text" class="inpt" id="ycode" placeholder="邀请码（选填）" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p class="regBtn">注册</p>
|
|
|
+ <p class="xiey">点击注册按钮即同意<span>《用户协议》</span></p>
|
|
|
+ </div>
|
|
|
+ <div class="Mask" style="display: none;">
|
|
|
+ <div class="content">
|
|
|
+ <p class="name">用户协议</p>
|
|
|
+ <p class="neir"></p>
|
|
|
+ <p class="btn">确定</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <script type="text/javascript" charset="utf-8">
|
|
|
+ mui.init();
|
|
|
+ //协议
|
|
|
+ $.ajax({
|
|
|
+ url:'https://t22.9026.com/api/login/xieyi?type=1&cont=1',
|
|
|
+ type:'get',
|
|
|
+ data:{},
|
|
|
+ dataType:'json',
|
|
|
+ success:function(res){
|
|
|
+ $('.neir').append(res.data.content);
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+ //获取短信验证码
|
|
|
+ var codeBtn=true,time=120,timer;
|
|
|
+ $(".codeBtn").on("click",function(){
|
|
|
+ if(codeBtn){
|
|
|
+ var tel=$("#tel").val();
|
|
|
+ <!-- var pic=$("#pic").val(); -->
|
|
|
+ if(tel.length!=11){
|
|
|
+ return mui.toast('手机号码格式不对！');
|
|
|
+ }
|
|
|
+ <!-- if(pic.length!=4){ -->
|
|
|
+ <!-- return mui.toast('图片验证码错误！'); -->
|
|
|
+ <!-- } -->
|
|
|
+ codeBtn=false;
|
|
|
+ $.ajax({
|
|
|
+ type:"get",
|
|
|
+ url:"https://t22.9026.com/api/sms/send",
|
|
|
+ dataType:"JSON",
|
|
|
+ data:{
|
|
|
+ mobile: tel,
|
|
|
+ event: 'login',
|
|
|
+ },
|
|
|
+ success:function(data){
|
|
|
+ if(data.verifyKey){
|
|
|
+ $('#code_verify').val(data.verifyKey)
|
|
|
+ mui.toast('短信发送成功');
|
|
|
+
|
|
|
+ $(".codeBtn").html(time+'s');
|
|
|
+ timer=setInterval(function(){
|
|
|
+ if(time>0){
|
|
|
+ time--;
|
|
|
+ $(".codeBtn").html(time+'s');
|
|
|
+ }else{
|
|
|
+ clearInterval(timer);
|
|
|
+ time=120;
|
|
|
+ codeBtn=true;
|
|
|
+ $(".codeBtn").html('重新获取');
|
|
|
+ }
|
|
|
+ },1000)
|
|
|
+ }else{
|
|
|
+ $(".img").click();
|
|
|
+ codeBtn=true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ //注册
|
|
|
+ var regBtn=true,xieyBtn=true;
|
|
|
+ $(".regBtn").on("click",function(){
|
|
|
+ if(regBtn){
|
|
|
+ var tel=$("#tel").val();
|
|
|
+ var msg=$("#msg").val();
|
|
|
+ var pwd=$("#loginpwd").val();
|
|
|
+ var ycode=$("#ycode").val();
|
|
|
+ var verifyKey=$("#code_verify").val();
|
|
|
+ if(tel.length!=11){
|
|
|
+ return mui.toast('手机号码格式不对！');
|
|
|
+ }
|
|
|
+ if(msg.length!=4){
|
|
|
+ return mui.toast('短信验证码错误！');
|
|
|
+ }
|
|
|
+ if(!(/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/.test(pwd))){
|
|
|
+ return mui.toast('密码格式错误！');
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ if(xieyBtn){
|
|
|
+ return mui.toast('请先勾选隐私协议');
|
|
|
+ }
|
|
|
+ regBtn=false;
|
|
|
+ $.ajax({
|
|
|
+ type:"POST",
|
|
|
+ url:"https://t22.9026.com/api/login/reg_h5",
|
|
|
+ dataType:"JSON",
|
|
|
+ data:{
|
|
|
+ mobile: tel,
|
|
|
+ password:pwd,
|
|
|
+ smsCode:msg,
|
|
|
+ ycode:ycode,
|
|
|
+ verifyKey:verifyKey
|
|
|
+ },
|
|
|
+ success:function(data){
|
|
|
+ mui.toast(data.message);
|
|
|
+ if(data.code==1){
|
|
|
+ setTimeout(function () {
|
|
|
+ window.location.href='https://www.baidu.com'
|
|
|
+ },1000)
|
|
|
+ }else{
|
|
|
+ regBtn=true;
|
|
|
+ }
|
|
|
+ regBtn=true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ //
|
|
|
+ $(".xiey").on("click",function(){
|
|
|
+ if(xieyBtn){
|
|
|
+ xieyBtn=false;
|
|
|
+ $(this).addClass('active');
|
|
|
+ }else{
|
|
|
+ xieyBtn=true;
|
|
|
+ $(this).removeClass('active');
|
|
|
+ }
|
|
|
+ })
|
|
|
+ //打开协议
|
|
|
+ $(".xiey span").on("click",function(){
|
|
|
+ $(".Mask").fadeIn(300);
|
|
|
+ })
|
|
|
+ //关闭协议
|
|
|
+ $(".btn").on("click",function(){
|
|
|
+ $(".Mask").fadeOut(300);
|
|
|
+ })
|
|
|
+
|
|
|
+ //眼睛
|
|
|
+ $(".eyeBtn").on("click",function(){
|
|
|
+ if($(this).siblings('input').attr('type')=='password'){
|
|
|
+ $(this).children('img').attr('src','img/eyes_open.png')
|
|
|
+ $(this).siblings('input').attr('type','text');
|
|
|
+ }else{
|
|
|
+ $(this).children('img').attr('src','img/eyes_close.png')
|
|
|
+ $(this).siblings('input').attr('type','password');
|
|
|
+ }
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+</html>
|
|
|
+
|
|
|
+<script type="text/javascript">
|
|
|
+ $(function(){
|
|
|
+ $('#ycode').val(getUrlParam('invoce'));
|
|
|
+ });
|
|
|
+
|
|
|
+ function getUrlParam(name) {
|
|
|
+ var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");//构造一个含有目标参数的正则表达式对象
|
|
|
+ var r = window.location.search.substr(1).match(reg);//匹配目标参数
|
|
|
+ if (r != null) return unescape(r[2]); return null;//返回参数值
|
|
|
+ }
|
|
|
+</script>
|
