123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284 |
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
- <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
- <title></title>
- <link rel="stylesheet" type="text/css" href="./css/api.css" />
- <link rel="stylesheet" type="text/css" href="./css/style.css" />
- <style>
- body{
- -webkit-user-select: all;
- }
- a, a:hover, a:active, a:hover, a:visited, a:link {
- color: #D9251C;
- }
- </style>
- <script>
- (function(w, d, m) {
- function r() {
- var t = 100,
- o = 750,
- e = d.documentElement.clientWidth || w.innerWidth,
- n = m.max(m.min(e, 480), 320),
- h = 50;
- 320 >= n && (h = m.floor(n / o * t * .99)),
- n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
- n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
- n > 375 && (h = m.floor(n / o * t * .97)),
- d.querySelector("html").style.fontSize = h + "px"
- };
- r();
- w.onresize = function() {
- r()
- }
- })(window, document, Math);
- </script>
- </head>
- <body>
- <div class="topbar"></div>
- <header class="back-header">
- <ul>
- <li class="padding-20"><img class="back-header-ico" src="image/nav_button_back_default.png" /></li>
- <li class="back-header-title">注册账号</li>
- <li class="more-btn"></li>
- </ul>
- </header>
- <section class="new-list">
- <div class="login-logo"><img src="image/logo2.png" /></div>
- <div style="position: relative;">
- <input class="bot-input" id="mobile" maxlength="11" type="tel" placeholder="输入手机号" />
- <input class="bot-input" id="code" type="text" placeholder="短信验证码" />
- <input class="get-code" type="button" value="获取验证码" />
- <input class="bot-input" id="password" type="password" placeholder="输入密码" />
- <input class="bot-input" id="repassword" type="password" placeholder="重复密码" />
- <div class="h20"></div>
- <div class="h20"></div>
- <div class="m-bottom">完 成</div>
- <div class="h20"></div>
- <div class="h20"></div>
- <div class="">
- <div class="find-pad"></div>
- <div class="code-login" style="display: none;">已注册?去绑定</div>
- </div>
- <div class="setting-item" style="text-align: center;font-size: 0.28rem;border-bottom:none;">申请即代表同意<a href="javascript:go_privacy();">《用户注册协议》</a></div>
- </div>
- </section>
- </body>
- <script type="text/javascript" src="script/api.js"></script>
- <script type="text/javascript" src="script/jquery.min.js"></script>
- <script type="text/javascript" src="script/jquery.tap.js"></script>
- <script type="text/javascript">
- var _openid = '';
- var _auth = '';
- var countdown = 60;
- var _scenes = 'register';
- apiready = function() {
- if (api.pageParam.openid) {
- _openid = api.pageParam.openid;
- $(".code-login").fadeIn();
- }
- if (api.pageParam.auth) {
- _auth = api.pageParam.auth;
- }
- setFixStatusBar();
- };
- $(".back-header").on("click", function() {
- api.closeWin();
- })
- $(".code-login").on("click", function () {
- // body...
- if ( _scenes == 'register') {
- _scenes = 'bindopenid';
- $(this).html("没有账号?去注册");
- $(".back-header-title").html("绑定账号");
- $("#code").fadeOut();
- $(".get-code").fadeOut();
- $("#repassword").fadeOut();
- } else {
- _scenes = 'register';
- $("#code").fadeIn();
- $(".get-code").fadeIn();
- $("#repassword").fadeIn();
- $(this).html("已注册?去绑定");
- $(".back-header-title").html("注册账号");
- }
- })
- function go_privacy() {
- api.openWin({
- name: 'privacy',
- url: './html/my/privacy.html',
- bounces: false
- });
- return false;
- }
- $(".get-code").on("tap", function() {
- var phone = $("#mobile").val();
- if(!(/^1[3456789]\d{9}$/.test(phone))){
- api.toast({ msg: '手机号不正确!' });
- return false;
- }
- if (countdown != 60) {
- return false;
- }
- $.ajax({
- url: siteurl + 'v1/entry/sms',
- data: {
- mobile: phone,
- scenes: _scenes
- },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- console.log(JSON.stringify(datas));
- if (datas.result) {
- var obj = $(".get-code");
- settime(obj);
- }
- api.toast({ msg: datas.msg });
- }
- });
- return false;
- })
- function settime(obj) {
- if (countdown == 0) {
- obj.attr('disabled',false);
- obj.val("获取验证码");
- countdown = 60;
- } else {
- obj.attr('disabled',true);
- obj.val("重新发送(" + countdown + ")");
- countdown--;
- setTimeout(function() {
- settime(obj)
- }, 1000)
- }
- }
- ////
- $(".m-bottom").on("tap", function() {
- getRouteData();
- return false;
- })
- function getRouteData() {
- var phone = $("#mobile").val();
- if(!(/^1[3456789]\d{9}$/.test(phone))){
- api.toast({ msg: '手机号不正确!' });
- return false;
- }
- if (_scenes == "register") {
- if ($("#code").val() == "") {
- api.toast({ msg: '验证码不能为空!' });
- return false;
- }
- if ($("#password").val() == "") {
- api.toast({ msg: '密码不能为空!' });
- return false;
- }
- if ($("#password").val() != $("#repassword").val()) {
- api.toast({ msg: '两次密码不一致!' });
- return false;
- }
- $.ajax({
- url: siteurl + 'v1/entry/account',
- data: {
- account: phone,
- code: $("#code").val(),
- pwd: $("#password").val(),
- openid: _openid,
- auth: _auth
- },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- api.toast({ msg: datas.msg });
- if (datas.result) {
- $api.setStorage("memberid", datas.data.member_id);
- $api.setStorage("accesstoken", datas.data.token);
- $api.setStorage("storeid", datas.data.store_id);
- $api.setStorage("agent_id", datas.data.agent_id);
- setTimeCloseWin("register");
- dologin(datas);
- } else {
- $api.rmStorage("storeid");
- $api.rmStorage("agent_id");
- $api.rmStorage("accesstoken");
- $api.rmStorage("memberid");
- }
- }
- })
- } else {
- if ($("#password").val() == "") {
- api.toast({ msg: '密码不能为空!' });
- return false;
- }
- $.ajax({
- url: siteurl + 'v1/entry/account',
- data: {
- account: phone,
- pwd: $("#password").val(),
- openid: _openid,
- auth: _auth
- },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- api.toast({ msg: datas.msg });
- if (datas.result) {
- $api.setStorage("memberid", datas.data.member_id);
- $api.setStorage("accesstoken", datas.data.token);
- $api.setStorage("storeid", datas.data.store_id);
- $api.setStorage("agent_id", datas.data.agent_id);
- dologin(datas);
- setTimeCloseWin("register");
- } else {
- $api.rmStorage("storeid");
- $api.rmStorage("agent_id");
- $api.rmStorage("accesstoken");
- $api.rmStorage("memberid");
- }
- }
- })
- }
- }
- function dologin(e) {
- // body...
- if (e.data.is_store == 1) {
- $api.rmStorage("memberid");
- $api.rmStorage("agent_id");
- api.openWin({
- name: 'hotelindex',
- url: './html/hotel/index.html',
- bounces: false
- })
- return false;
- } if (e.data.is_agent == 1) {
- $api.rmStorage("storeid");
- $api.rmStorage("memberid");
- api.openWin({
- name: 'agentindex',
- url: './html/agent/index.html',
- bounces: false
- })
- return false;
- } else {
- $api.rmStorage("agent_id");
- $api.rmStorage("storeid");
- api.openWin({
- name: 'index',
- url: 'index.html',
- bounces: false
- })
- }
- }
- </script>
- </html>
|