-
Notifications
You must be signed in to change notification settings - Fork 15
/
0.0注册.html
214 lines (188 loc) · 7.97 KB
/
0.0注册.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!doctype html>
<html>
<head>
<title>0.0注册</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="telephone=no" name="format-detection" />
<meta name="renderer" content="webkit">
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<link rel="stylesheet" href="weui/lib/weui.min.css">
<link rel="stylesheet" href="weui/css/jquery-weui.min.css" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/flex.css" />
<link rel="stylesheet" href="css/style.css" />
<!--[if lt IE 9 ]>
<script src="js/html5.js"></script>
<![endif]-->
</head>
<body class="bgf">
<section class="wrap">
<section class="main">
<div class="top-fixed">
<header class="bgf tc fs10 header">
<a href="" class="flex-box header_left">
<img src="images/header-img1.png" alt="" class="block header_back">
<span>返回</span>
</a>
<div class="header_middle">我是这的标题</div>
<a href="" class="flex-box header_right">
<img src="images/header-img2.png" alt="" class="block header_options">
</a>
</header>
</div>
<div class="placeholder-header"></div>
<!-- 底部悬浮 end -->
<section class="login-wrap fs13">
<form action="register.php" id="registerForm" class="flex-box flex-col flex-col-stretch flex-between" style="min-height: 100vh;padding:30px 25px 20px;">
<div>
<!-- <div class="logo-wrap">
<img src="images/logo.png" alt="" class="block ma w100">
</div> -->
<div class="inp-block flex-box">
<i class="ico-login1 block"></i>
<input type="tel" id="mobile" class="flex-grow-1" placeholder="你的手机号" name="mobile">
</div>
<!-- <div class="mt10 flex-box flex-col-stretch">
<div class="inp-block flex-grow-1">
<input type="text" id="picCode" class="" placeholder="输入验证码" name="picCode">
</div>
<div class="code-wrap flex-grow-0">
<img src="images/default-code.png" alt="" class="block">
</div>
</div> -->
<div class="mt10 inp-block flex-box">
<i class="ico-login2 block"></i>
<input type="text" id="msgCode" class="flex-grow-1" placeholder="短信验证码" name="msgCode">
<!-- <a href="javascript:;" class="flex-grow-0 col6">点击获取</a> -->
<a href="javascript:;" class="flex-grow-0 col9">56s后重新获取</a>
</div>
<div class="mt10 inp-block flex-box">
<i class="ico-login3 block"></i>
<input type="password" id="pwd" class="flex-grow-1" placeholder="密码（字母，数字，至少6位）" name="pwd">
</div>
<div class="mt10 inp-block">
<input type="text" class="" placeholder="企业名称或编码（可不填）">
</div>
<div class="mt10 col9 flex-box flex-col-start fs13 ps">
<span class="flex-grow-0">注：</span>
<p>我是备注的文字</p>
</div>
<a href="javascript:;" class="btn btn-primary mt20" id="registerBtn">注 册</a>
<div class="mt10 pb20 tc">
<label for="agree" class="">
<input type="checkbox" id="agree" class="mr5">
<span class="colae">我已阅读并同意</span>
</label>
<a href="javascript:;" data-target="#protocol" class="blue open-popup">《****注册协议》</a>
</div>
</div>
<div class="pt15 mt15 bt">
<a href="" class="btn btn-outlined">已有账号？登录</a>
</div>
</form>
</section>
<!-- 主体 end -->
</section>
</section>
<section id="protocol" class="weui-popup-container">
<div class="weui-popup-overlay"></div>
<div class="weui-popup-modal bgf">
<div class="proto-content fs13 col3">
<p class="fs15 tc pb10">注册协议</p>
你的内容放在<br >这里你的内容放在这里你的内容放在这里你的内容放在这里你的内容放在这里你的内容放在这里你的内<br >容放在这里你的内容放在这里你的内容<br >放在这里你的内容放<br >在这里你的<br >内容放在这里你的内容放在这里你的内<br >容放在这里你的内容放在这里你的内容放在这里你的内容放在这里你的内容放在这里<br >你的内容放<br >在这里<br >你的内容放在这里你的内容放在这里你<br >内容放在这里你的内容<br >放在这里你的<br >内容放在这里你的内容放在这里你的内容放<br >在这里你的内容放在这里你的内容放在这里你的内容放在这里你的内容放在这里...<br >放在这里你的内容放<br >在这里你的<br >内容放在这里你的内容放在这里你的内<br >容放在这里你的内容放在这里你的内容放在这里你的内容放在这里你的内容放在这里<br >你的内容放<br >在这里<br >你的内容放在这里你的内容放在这里你<br >内容放在这里你的内容<br >放在这里你的<br >内容放在这里你的内容放在这里你的内容放<br >在这里你的内容放在这里你的内容放在这里你的内容放在这里你的内容放在这里...
</div>
<a href="javascript:;" class="close-popup btn btn-primary">确 定</a>
</div>
</section>
<script src="weui/lib/jquery-2.1.4.js"></script>
<!-- <script src="weui/js/jquery-weui.min.js"></script> -->
<script src="weui/js/jquery-weui.js"></script>
<script src="weui/js/city-picker.min.js"></script>
<script src="weui/js/swiper.min.js"></script>
<script src="js/jquery.lazyload.min.js"></script>
<script src="js/jquery.raty.min.js"></script>
<script src="js/functions.js"></script>
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
<script>
//定义flag发送验证码
var mobileCode = 1;
$("#registerBtn").click(function(){
// 手机验证
var mobile = $("#mobile").val().trim();
if(mobile == "" || mobile == null){
$.toast("请输入您的手机号码","text");
$("#mobile").focus();
return false;
}
if(!checkTel(mobile)){
$.toast("电话号码格式不正确","text");
$("#mobile").focus();
return false;
}
//图形验证
var picCode = $.trim($("#picCode").val());
if(picCode == "" || picCode == null){
$.toast("请输入图形验证码","text");
$("#picCode").focus();
return false;
};
//短信验证
var msgCode = $.trim($("#msgCode").val());
if(!mobileCode){
$.toast("请进行短信验证","text");
return false;
};
//密码验证
var pwd = $.trim($("#pwd").val());
if(!checkPwd(pwd)){
$.toast("密码格式不正确，请设置字母数字至少6位","text");
$("#pwd").focus();
return false;
};
//提交表单
var registerForm = $("#registerForm");
var data = registerForm.serialize(); //表单序列化
data += '&mobileCode=' + mobileCode;
$.ajax({
url: registerForm.attr("action"),
type: 'POST',
dataType: 'json',
data: data,
success:function(data){
if(data.status){
console.log(data.status);
$.toast(data.info,'test',function(){
location.href = data.url;
})
}else{
// console.log(data.status);
$.alert(data.info);
}
$("#codeSendBtn").click();
// console.log("success");
},
error: function () {
$.hideLoading();
$.alert('网络超时，请再次尝试失败后联系管理员');
console.log(data);
console.log(data.status);
console.log("error");
}
})
});
function checkTel(tel){
// var isTel = /^[1][358]\d{9}$/;
// var isTel = /^0{0,1}(13[0-9]|15[7-9]|17[0-9]|153|156|18[7-9])[0-9]{8}$/;
var isTel = /^(13[0-9]|15[7-9]|17[0-9]|153|156|18[7-9])[0-9]{8}$/;
return isTel.test(tel) ? true : false;
}
function checkPwd(pwd){
var isPwd = /^[a-zA-Z\d_]{6,}$/;
return isPwd.test(pwd) ? true : false;
}
</script>
</body>
</html>