will.html 8.3 KB
<!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>