index.html
5.9 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>网吧会员系统</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.min.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.picker.min.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css">
<script type="text/javascript" src="__TMPL__/public/assets/js/base.js"></script>
<script type="text/javascript" src="__TMPL__/public/assets/js/mui.min.js"></script>
<script type="text/javascript" src="__TMPL__/public/assets/js/mui.picker.min.js"></script>
</head>
<body>
<div class="registered">
<div class="r_title">
<h1>新用户注册</h1>
<p>用户首次登陆填写注册信息</p>
</div>
<div class="form">
<form action="">
<ul>
<li class="name">
<p>姓名</p>
<input placeholder="请输入姓名" id="name1" value="" name="name">
</li>
<li class="phone">
<p>手机号码</p>
<div class="phone2">
<label>+86</label>
<div class="mmm">
<input id="phone1" name="phone" placeholder="请输入手机号码" value="" >
</div>
</div>
</li>
<li class="birthday">
<p>生日</p>
<div class="time">
<input name="birthday" type="hidden" id="birthday" value="">
<input id='demo2' class="btn mui-btn-block dateSelectorOne" placeholder="请输入生日" value="">
</div>
</li>
<li class="wx">
<p>微信号</p>
<input placeholder="请输入微信号" value="" name="weixin" id="wx1">
</li>
</ul>
<div class="reg">
注册
</div>
</form>
</div>
</div>
<script src="__TMPL__/public/assets/js/jquery.js"></script>
<script>
var res = /^1[34578]\d{9}$/;
$('.reg').click(function () {
if($('#name1').val() === ""){
alert('请填写完整信息')
}else if($('#phone1').val() === ""){
alert('请填写完整信息')
}else if($('#demo2').val() === ""){
alert('请填写完整信息')
}else if($('#wx1').val() === ""){
alert('请填写完整信息')
}else if(!res.test($('#phone1').val())){
alert("请输入正确的电话格式")
}else{
name = $("input[name='name']").val();
phone = $("input[name='phone']").val();
birthday = $("#demo2").val();
weixin = $("input[name='weixin']").val();
$.post("{:url('Index/madd')}", {name:name,phone:phone,birthday:birthday,weixin:weixin}, function(data) {
if(data){
alert('注册成功');
window.location.href="{:url('vote/index')}";
}else{
alert('注册失败');
}
});
}
});
(function($, doc) {
var _getParam = function(obj, param) {
return obj[param] || '';
};
var cityPicker3 = new $.PopPicker({
layer: 3
});
// 出生年月
var birthday = doc.getElementById('birthday').value;
var btns = doc.getElementsByClassName('btn')[0];
btns.addEventListener('tap', function() {
var optionsJson = this.getAttribute('data-options') || '{}';
var options = JSON.parse(optionsJson);
var id = this.getAttribute('id');
var picker = new $.DtPicker({
type: "date", //设置日历初始化
beginYear: 1898, //设置开始日期
endDate: new Date //设置结束日期
});
picker.show(function(rs) {
/*
* rs.value 拼合后的 value
* rs.text 拼合后的 text
* rs.y 年,可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
* rs.m 月,用法同年
* rs.d 日,用法同年
* rs.h 时,用法同年
* rs.i 分(minutes 的第二个字母),用法同年
*/
btns.value = rs.y.text + "年" + rs.m.text + "月" + rs.d.text + "日";
birthday = rs.text;
/*
* 返回 false 可以阻止选择框的关闭
* return false;
*/
/*
* 释放组件资源,释放后将将不能再操作组件
* 通常情况下,不需要示放组件,new DtPicker(options) 后,可以一直使用。
* 当前示例,因为内容较多,如不进行资原释放,在某些设备上会较慢。
* 所以每次用完便立即调用 dispose 进行释放,下次用时再创建新实例。
*/
picker.dispose();
});
}, false);
})(mui, document);
</script>
</body>
</html>