123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208 |
- <!DOCTYPE html>
- <html>
- <head>
- <!--<meta http-equiv="Content-Type" content="text/html; charset=utf-8">-->
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <link rel="stylesheet" href="style/style.css" />
- <title></title>
- </head>
- <body>
- <div class="box loginbox">
- <div class="loginhead">
- <!--<img src="images/img_04.png">-->
- 注册
- </div>
- <div class="loginboxfrom">
- <div class="div1 nubdiv1">
- <label class="left">+86</label>
- <input type="number" placeholder="输入手机号" class="left number" />
- </div>
- <div class="div1 code">
- <input type="text" placeholder="输入验证码" class="left codevluer" />
- <input type="button" class="right" value="发送验证码" onclick="sendCode(this)" />
- </div>
- <div class="div1">
- <input type="password" placeholder="输入登录密码" class="poswd1" />
- </div>
- <div class="div1">
- <input type="password" placeholder="再次输入密码" class="poswd2" />
- </div>
- <div class="div1">
- <label>邀请码 <span id="code"></span></label>
- </div>
- <div class="div1">
- <input type="password" placeholder="输入二级密码" class="towposd1" />
- </div>
- <div class="div1">
- <input type="password" placeholder="再次输入二级密码" class="towposd2" />
- </div>
- <div class="loginbtn" >注册</div>
- </div>
- <div class="tip" id="data" style="display: none;"><span id="tips">不能少于纪伟</span></div>
- </div>
- </body>
- <script type="text/javascript" src="js/fontsize.js" ></script>
- <script type="text/javascript" src="js/jquery.js" ></script>
- <script>
- //获取urL参数
- function getQueryVariable(variable)
- {
- var query = window.location.search.substring(1);
- var vars = query.split("&");
- for (var i=0;i<vars.length;i++) {
- var pair = vars[i].split("=");
- if(pair[0] == variable){return pair[1];}
- }
- return(false);
- }
- console.log(getQueryVariable("invite_code"))
- var invite_code = getQueryVariable("invite_code")
- var oDiv = document.getElementById("code");
- oDiv.innerHTML = invite_code;
- //
- $('.loginbtn').on('click',function(){
- var number = $('.number').val().length == 11;
- var codevluer = $('.codevluer').val().length == '' ;
- var poswd = $('.poswd1').val() == $('.poswd2').val() ;
- var towposd = $('.towposd1').val() == $('.towposd2').val() ;
- //这里应该嵌套使if的,但是不是实际开发,这么写便于代码观看
- console.log($('.number').val().length)
- if(!number){
- var tiptext = "手机号错误"
- var tip = document.getElementById("tips");
- tip.innerHTML = tiptext;
- document.getElementById("data").style.display="block";
- setTimeout(function hidden() {
- document.getElementById("data").style.display="none";
- },1000);
-
- }
- if(codevluer){
- var tiptext = "验证码"
- var tip = document.getElementById("tips");
- tip.innerHTML = tiptext;
- document.getElementById("data").style.display="block";
- setTimeout(function hidden() {
- document.getElementById("data").style.display="none";
- },1000);
- }
- if(!poswd){
- var tiptext = "两次输入密码不一致"
- var tip = document.getElementById("tips");
- tip.innerHTML = tiptext;
- document.getElementById("data").style.display="block";
- setTimeout(function hidden() {
- document.getElementById("data").style.display="none";
- },1000);
- }
- if(!towposd){
- var tiptext = "二级密码不一致"
- var tip = document.getElementById("tips");
- tip.innerHTML = tiptext;
- document.getElementById("data").style.display="block";
- setTimeout(function hidden() {
- document.getElementById("data").style.display="none";
- },1000);
- }
- $.ajax({
- type:"post",
- url:"https://sc.xxuns.com/api/Login/Register",
- async : true,
- jsonpCallback:"callback_success",
- data:{
- phone: $('.number').val(), // 手机号
- ver_code: $('.codevluer').val(), // 验证码
- password: $('.poswd1').val(), // 密码
- confirm_password: $('.poswd2').val(), // 确认密码
- second_password: $('.towposd1').val(), // 二级密码
- confirm_second_password: $('.towposd2').val(), // 二级确认密码
- invite_code: invite_code, // 邀请码
- },
- success : function(data) {
- console.log(data)
- var tiptext = data.msg
- var tip = document.getElementById("tips");
- tip.innerHTML = tiptext;
- document.getElementById("data").style.display="block";
- setTimeout(function hidden() {
- document.getElementById("data").style.display="none";
- },1000);
- if(data.code == 1){
- window.location = 'index.html';
- }
-
- },
- error : function() {
- // alert('fail');
- }
-
- })
- })
- //获取接口
-
-
- //倒计时
- var clock = '';
- var nums = 60;
- var btn;
- function sendCode(thisBtn) {
- var number = $('.number').val().length == 11;
- if(!number){
- var tiptext = "手机号错误"
- var tip = document.getElementById("tips");
- tip.innerHTML = tiptext;
- document.getElementById("data").style.display="block";
- setTimeout(function hidden() {
- document.getElementById("data").style.display="none";
- },1000);
-
- }else(
- $.ajax({
- type:"post",
- url:"https://sc.xxuns.com/api/Sms/send",
- async : true,
- jsonpCallback:"callback_success",
- data:{
- phone: $('.number').val(), // 手机号
- event:"register"
- },
- success : function(data) {
- console.log(data)
- console.log(data)
- var tiptext = data.msg
- var tip = document.getElementById("tips");
- tip.innerHTML = tiptext;
- document.getElementById("data").style.display="block";
- setTimeout(function hidden() {
- document.getElementById("data").style.display="none";
- },1000);
-
- btn = thisBtn;
- btn.disabled = true; //将按钮置为不可点击
- btn.value = nums+'s后重新获取';
- clock = setInterval(doLoop, 1000); //一秒执行一次
-
- function doLoop(){
- nums--;
- if(nums > 0){
- btn.value = nums+'s后重新获取';
- }else{
- clearInterval(clock); //清除js定时器
- btn.disabled = false;
- btn.value = '发送验证码';
- nums = 60; //重置时间
- }
- }
-
- },
- error : function() {
- }
- })
- )
-
- }
- </script>
- </html>
|