|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="zh">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
|
|
<title>入会申请</title>
|
|
|
|
<tc_include file="Public:common"/>
|
|
|
|
<link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/Member.css" />
|
|
|
|
<script src="__TMPL__Public/assets/js/Augly_Verification.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
<style type="text/css">
|
|
|
|
.sure_select_active {
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-image: url('http://feiyi.test.bronet.cn/themes/simplebootx_mobile/Public/assets/img/cool.png');
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body style="background-color: RGBA(247, 247, 247, 1);">
|
|
|
|
<div class="container">
|
|
|
|
<div class="container_list">
|
|
|
|
<p class="list_title">姓名</p>
|
|
|
|
<input type="text" name="name" placeholder="请填写申请人姓名" id="name">
|
|
|
|
</div>
|
|
|
|
<div class="container_list">
|
|
|
|
<p class="list_title">年龄</p>
|
|
|
|
<input type="number" name="age" placeholder="请填写申请人年龄" id="age" maxlength="2">
|
|
|
|
</div>
|
|
|
|
<div class="container_list">
|
|
|
|
<p class="list_title">性别</p>
|
|
|
|
<div class="sex_select sure_select_active" data-id="1"></div>
|
|
|
|
<p class="list_title">先生</p>
|
|
|
|
<div class="sex_select" data-id="2"></div>
|
|
|
|
<p class="list_title">女士</p>
|
|
|
|
</div>
|
|
|
|
<div class="container_list mtop">
|
|
|
|
<p class="list_title">手机号</p>
|
|
|
|
<input type="number" name="mobile" placeholder="请填写申请人手机号" id="phone" maxlength="11">
|
|
|
|
</div>
|
|
|
|
<div class="container_list">
|
|
|
|
<p class="list_title">邮箱</p>
|
|
|
|
<input type="text" name="email" placeholder="请填写申请人邮箱" id="email">
|
|
|
|
</div>
|
|
|
|
<div class="container_list mtop">
|
|
|
|
<p class="list_title">所在高校</p>
|
|
|
|
<input type="text" name="school" placeholder="请填写申请人所在高校" id="school">
|
|
|
|
</div>
|
|
|
|
<div class="container_list">
|
|
|
|
<p class="list_title">专业</p>
|
|
|
|
<input type="text" name="major" placeholder="请填写申请人专业" id="pro">
|
|
|
|
</div>
|
|
|
|
<div class="container_list">
|
|
|
|
<p class="list_title">年级</p>
|
|
|
|
<input type="text" name="classes" placeholder="请填写申请人年级" id="group">
|
|
|
|
</div>
|
|
|
|
<div class="container_list mtop citypicker">
|
|
|
|
<p class="list_title">所在城市</p>
|
|
|
|
<p class="min_title">请选择</p>
|
|
|
|
<i class="iconfont icon-arrows"></i>
|
|
|
|
</div>
|
|
|
|
<div class="container_list">
|
|
|
|
<p class="list_title">所在公司</p>
|
|
|
|
<input type="text" name="company" placeholder="请填写申请人所在公司" id="company">
|
|
|
|
</div>
|
|
|
|
<div class="message mtop">
|
|
|
|
<textarea name="experience" id="experience" cols=" " rows=" " placeholder="相关专业经验（绘画、设计、广告、文创、营销等） 简要描述"></textarea>
|
|
|
|
<!--<div class="message_group">-->
|
|
|
|
<!--<div class="img_up">-->
|
|
|
|
<!--<i class="iconfont icon-tupian"></i>-->
|
|
|
|
<!--<p class="img_title">插入图片</p>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="look">预览</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
</div>
|
|
|
|
<div class="message mtop" style="border-bottom: .02rem solid RGBA(228, 228, 228, 1);">
|
|
|
|
<textarea name="skill" id="skill" cols=" " rows=" " placeholder="个人创意特长与兴趣领域描述"></textarea>
|
|
|
|
<!--<div class="message_group">-->
|
|
|
|
<!--<div class="img_up">-->
|
|
|
|
<!--<i class="iconfont icon-tupian"></i>-->
|
|
|
|
<!--<p class="img_title">插入图片</p>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="look">预览</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
</div>
|
|
|
|
<div class="mysub">确认提交</div>
|
|
|
|
</div>
|
|
|
|
<div id="toast" style="display:none;">
|
|
|
|
<div class="weui-mask_transparent"></div>
|
|
|
|
<div class="weui-toast">
|
|
|
|
<i class="weui-icon-safe-warn weui-icon_toast"></i>
|
|
|
|
<p class="weui-toast__content">已完成</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="toastsuccess" style="display:none;">
|
|
|
|
<div class="weui-mask_transparent"></div>
|
|
|
|
<div class="weui-toast">
|
|
|
|
<i class="weui-icon-success-no-circle weui-icon_toast"></i>
|
|
|
|
<p class="weui-toast__content">已完成</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<script src="__TMPL__Public/assets/js/citypicker.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
<script src="__TMPL__Public/assets/js/weui.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
<script src="__TMPL__Public/assets/js/myweui.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
<script src="__TMPL__Public/assets/js/public.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
window.onload = function() {
|
|
|
|
mysear_group.mysearch("#search_value", ".icon-search");
|
|
|
|
}
|
|
|
|
var adder = "";
|
|
|
|
var myadder=null;
|
|
|
|
$(".myadder").on('click', function () {
|
|
|
|
citypicker(".myaddeript",(result)=>{
|
|
|
|
myadder={
|
|
|
|
province:result[0].label,
|
|
|
|
city:result[1].label,
|
|
|
|
region:result[2].label
|
|
|
|
}
|
|
|
|
});
|
|
|
|
adder = $(".myaddeript").html()
|
|
|
|
});
|
|
|
|
$(".sex_select").click(function(){
|
|
|
|
$(".sex_select").removeClass("sure_select_active");
|
|
|
|
$(this).toggleClass('sure_select_active');
|
|
|
|
|
|
|
|
})
|
|
|
|
$(".mysub").click(function(){
|
|
|
|
if($("#name")==""){
|
|
|
|
toast('请填写姓名！')
|
|
|
|
}
|
|
|
|
})
|
|
|
|
$(".mysub").click(function(){
|
|
|
|
var btn = $(this);
|
|
|
|
var text = btn.val();
|
|
|
|
if($("#name").val()==""){
|
|
|
|
console.log("姓名不能为空！");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if( AuglyTest_int.test($("#age").val())==false){
|
|
|
|
console.log("年龄不能为空！");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if( AuglyTest_phone.test($("#phone").val())==false){
|
|
|
|
console.log("手机号码不正确！");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if( AuglyTest_email.test($("#email").val())==false){
|
|
|
|
console.log("邮箱不正确！");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if($("#school").val()!=""){
|
|
|
|
console.log("学校不能为空！");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if($("#pro").val()!=""){
|
|
|
|
console.log("专业不能为空！");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if($("#group").val()!=""){
|
|
|
|
console.log("年级不能为空！");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if($(".min_title").val()!="请选择"){
|
|
|
|
console.log("城市不能为空！");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if($("#company").val()!=""){
|
|
|
|
console.log("公司不能为空！");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if($("#experience").val()!=""){
|
|
|
|
console.log("相关经验不能为空！");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if($("#skill").val()!=""){
|
|
|
|
console.log("个人创意特长不能为空！");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
var data = {
|
|
|
|
name:$("#name").val(),
|
|
|
|
province:myadder.province,
|
|
|
|
city:myadder.city,
|
|
|
|
age:$("#age").val(),
|
|
|
|
sex:$('.sure_select_active').data('id'),
|
|
|
|
school:$("#school").val(),
|
|
|
|
major:$("#pro").val(),
|
|
|
|
mobile:$("#phone").val(),
|
|
|
|
email:$("#email").val(),
|
|
|
|
classes:$("#group").val(),
|
|
|
|
experience:$("#experience").val(),
|
|
|
|
skill:$("#skill").val()
|
|
|
|
};
|
|
|
|
$.ajax({
|
|
|
|
url:"{:U('user_join')}",
|
|
|
|
type:"POST",
|
|
|
|
data:data,
|
|
|
|
dateType:"json",
|
|
|
|
beforeSend: function () {
|
|
|
|
// Handle the beforeSend event
|
|
|
|
btn.val('提交中...').attr('disabled', true);
|
|
|
|
},
|
|
|
|
success:function (data) {
|
|
|
|
if(data.status) {
|
|
|
|
alert(data.msg);
|
|
|
|
location.href = "{:U('User/Center/index')}";
|
|
|
|
} else {
|
|
|
|
alert(data.msg);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
error: function (data, status, e) { //提交失败自动执行的处理函数
|
|
|
|
alert(e);
|
|
|
|
},
|
|
|
|
complete: function () {
|
|
|
|
// Handle the complete event
|
|
|
|
btn.val(text).attr('disabled', false);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
})
|
|
|
|
</script>
|
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|
