|
|
<!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="" maxlength="11" >
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="birthday">
|
|
|
<p>生日</p>
|
|
|
<div class="time">
|
|
|
<input name="birthday" type="hidden" id="birthday" value="">
|
|
|
<input id='demo2' onfocus="this.blur();" class="btn mui-btn-block dateSelectorOne" placeholder="请输入生日" value="">
|
|
|
</div>
|
|
|
</li>
|
|
|
<input type="hidden" name="fuid" value="{$id}" >
|
|
|
<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][0-9][0-9]{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();
|
|
|
fuid = $("input[name='fuid']").val();
|
|
|
$.post("{:url('Index/madd')}", {name:name,phone:phone,birthday:birthday,weixin:weixin,fuid:fuid}, function(data) {
|
|
|
if(data){
|
|
|
alert('注册成功');
|
|
|
window.location.href="{:url('fen/fenx_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> |
|
|
\ No newline at end of file |
...
|
...
|
|