jucai/public/themes/default/views/app/auth/register_person.blade.php

@extends('module.layouts.auth')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/members/common.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/members/register.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/aix.css') }}" rel="stylesheet">
    <style>
        .talent_email,.talent_mobile {display:none;}
    </style>
@endpush

@push('js')
{{--    <script type="text/javascript" src="{{ theme_asset('gt/gt.js') }}"></script>--}}
{{--    <script type="text/javascript" src="{{ theme_asset('gt/gt.handle.js') }}"></script>--}}
    <script type="text/javascript" src="{{ theme_asset('jquery/jquery.min.js') }}"></script>
    {{--<script type="text/javascript" src="{{ theme_asset('app/js/pad/qsToast.js') }}"></script>--}}
<script src="https://captcha.253.com/TCaptcha.js"></script>
<script>
    function qsToast(data) {
        alert(data.context);
    }
</script>
@endpush

@section('content')
<div class="reg_per_box">
    <div class="reg_per">
        <div class="rl J_focus">
        	<div class="slogo">
        		<a href="{{route('home')}}"><img src="{{upload_asset(subsite_config('aix.system.site.site.logo'))}}" alt="logo"/></a>
        	</div>
            <div class="switch_title link_blue"><a href="{{route('register.company')}}">切换为企业注册&gt;&gt;</a></div>
            <div class="regicon">个人注册</div>
            <div class="regtab">
                <div class="tabli t1 select"><div class="v">手机注册</div></div>
                <div class="tabli t2"><div class="v">邮箱注册</div></div>
                <!--<div id="J_weixinReg" class="tabli t3"><div class="v">微信注册</div></div>-->
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
            <!-- 手机注册-->
            <div class="tabshow" style="display:block;">
                <form class="J_passwordalert_group" id="regMobileForm" action="" method="post" onkeydown="if(event.keyCode==13){return false;}">
                    {{--<input type="hidden" name="incode" value="">--}}
                    {{csrf_field()}}
                    <input type="hidden" name="reg_type" value="1">
                    <input type="hidden" name="reg_source" value="2" />
                    {{--<div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="id_card" id="id_card" type="text" placeholder="请输入身份证号码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>--}}


                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="mobile" id="mobile" type="text" placeholder="请输入手机号码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"><div for="mobile" generated="true" class="tip" style="display: none;"><div class="ftxt">手机号可用于登录网站和找回密码</div><div class="fimg"></div></div></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group had-remind">
                        <div class="radio_list fl J_radioitme_parent">
                            <!-- <div class="rli J_radioitme" data-code="1" style="width: 480px;float: none;margin-bottom: 5px;">解绑手机号<span style="color: #FF0000;">（该手机号已被其它账号绑定，选择此项将会解除其它账号绑定）</span></div> -->
                            <div class="rli J_radioitme checked" data-code="1" style="width: 480px;float: none;margin-bottom: 5px;"><span style="color: #FF0000;">（该手机号已被其它账号绑定）</span></div>
                            <div class="rli J_radioitme" data-code="2" style="width: 80px;float: none;margin-bottom: 5px;" id="J_change_mobile">更换手机号</div>
                            <div class="rli J_radioitme" data-code="3" style="width: 100px;float: none;" id="J_login">用此手机号登录</div>
                            <input class="J_radioitme_code" name="unbind_mobile" id="unbind_mobile" type="hidden" value="0">
                        </div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <div class="code">
                                <input class="input_295_34" name="mobile_vcode" id="mobile_vcode" type="text" placeholder="请输入短信验证码" autocomplete="off">
                            </div>
                            <div class="codebtn">
                                <div type="button" class="btn_yellow J_hoverbut" id="getVerfyCode">获取验证码</div>
                                <input type="hidden" id="origin_btnCheck" style="display: none;"><input type="hidden" id="btnCheck">
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34 J_passwordalert" name="password" id="password" type="password" placeholder="请输入账户密码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="safety">
                        <div class="slist t1">危险</div>
                        <div class="slist t2">一般</div>
                        <div class="slist t3">安全</div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <input name="password_confirmation" type="password" class="input_295_34" placeholder="请确认账户密码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1" >
                            <select name="member_status" id="member_status_mobile" style="border:1px #DDDDDD solid;width:295px;height:42px;padding-left:60px;font-family: microsoft yahei,宋体;font-size: 14px;color: #666666;">
                                <option value="1" selected="selected">────&nbsp;需要找工作&nbsp;────</option>
                                <option value="2" >────&nbsp;已找到工作&nbsp;────</option>
                                <option value="3" >────&nbsp;我是人才&nbsp;────</option>
                            </select>
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group talent_mobile">
                        <div class="td1">
                            <input class="input_295_34" name="realname" id="realname" type="text" placeholder="请输入真实姓名" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"><div for="realname" generated="true" class="tip" style="display: none;"><div class="ftxt">真实姓名用于验证人才身份</div><div class="fimg"></div></div></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group talent_mobile">
                        <div class="td1" >
                            <select name="card_t_cn" id="card_t_cn" style="border:1px #DDDDDD solid;width:295px;height:42px;padding-left:60px;font-family: microsoft yahei,宋体;font-size: 14px;color: #666666;">
                                <option value="306" selected="selected">────&nbsp;身份证&nbsp;────</option>
                                <option value="307" >────&nbsp;通行证&nbsp;────</option>
                                <option value="308" >────&nbsp;护照&nbsp;────</option>
                            </select>
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group talent_mobile">
                        <div class="td1">
                            <input class="input_295_34" name="id_card" id="id_card" type="text" placeholder="请输入证件号码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"><div for="id_card" generated="true" class="tip" style="display: none;"><div class="ftxt">证件号码用于验证人才身份</div><div class="fimg"></div></div></div>
                        <div class="clear"></div>
                    </div>
                    <div class="agreement link_blue"><label><input class="J_agreement_per" name="agreement" type="checkbox" value="1" checked="checked">
                            我已阅读并同意<a href="javascript:;" class="J_reg_agreement">《{{subsite_config('aix.system.site.site.site_name')}}用户服务协议》</a></label></div>
                    <input type="hidden" name="reg_type" value="1">
                    <input type="hidden" name="utype" value="2">
                    <div class="btnbox"><input id="btnMoilbPhoneRegister" type="submit" value="注册" class="btn_reg J_hoverbut"></div>
                    <input type="hidden" id="origin_btnCheckMobile" style="display: none;"><input type="hidden" id="btnCheckMobile">
                </form>
            </div>
            <!-- 邮箱注册-->
            <div class="tabshow">
                <form class="J_passwordalert_group" id="regEmailForm" action="" method="post" onkeydown="if(event.keyCode==13){return false;}">
                    {{csrf_field()}}
                    <input type="hidden" name="reg_source" value="1" />
                    <input type="hidden" name="reg_type" value="2">
                    {{--<div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="username" id="username" type="text" placeholder="请输入用户名" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>

                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="id_card" class="id_card" type="text" placeholder="请输入身份证号码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>--}}

                    <div class="J_validate_group">
                        <div class="td1">
                            <div class="reg-form-content">
                                <input class="input_295_34 inputElem" name="email" id="email" type="text" placeholder="请输入常用邮箱" autocomplete="off">
                            </div>
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34 J_passwordalert" name="password" id="email_password" type="password" placeholder="请输入账户密码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="safety">
                        <div class="slist t1">危险</div>
                        <div class="slist t2">一般</div>
                        <div class="slist t3">安全</div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="password_confirmation" id="password_confirmation" type="password" placeholder="请确认账户密码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1" >
                            <select name="member_status" id="member_status_email" style="border:1px #DDDDDD solid;width:295px;height:42px;padding-left:60px;font-family: microsoft yahei,宋体;font-size: 14px;color: #666666;">
                                <option value="1" selected="selected">────&nbsp;需要找工作&nbsp;────</option>
                                <option value="2" >────&nbsp;已找到工作&nbsp;────</option>
                                <option value="3" >────&nbsp;我是人才&nbsp;────</option>
                            </select>
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group talent_email">
                        <div class="td1">
                            <input class="input_295_34" name="realname" id="realname" type="text" placeholder="请输入真实姓名" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"><div for="realname" generated="true" class="tip" style="display: none;"><div class="ftxt">真实姓名用于验证人才身份</div><div class="fimg"></div></div></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group talent_email">
                        <div class="td1" >
                            <select name="card_t_cn" id="card_t_cn" style="border:1px #DDDDDD solid;width:295px;height:42px;padding-left:60px;font-family: microsoft yahei,宋体;font-size: 14px;color: #666666;">
                                <option value="306" selected="selected">────&nbsp;身份证&nbsp;────</option>
                                <option value="307" >────&nbsp;通行证&nbsp;────</option>
                                <option value="308" >────&nbsp;护照&nbsp;────</option>
                            </select>
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group talent_email">
                        <div class="td1">
                            <input class="input_295_34" name="id_card" id="id_card" type="text" placeholder="请输入证件号码" autocomplete="off">
                        </div>
                        <div class="td2 J_showtip_box"><div for="id_card" generated="true" class="tip" style="display: none;"><div class="ftxt">证件号码用于验证人才身份</div><div class="fimg"></div></div></div>
                        <div class="clear"></div>
                    </div>
                    <div class="agreement link_blue"><label><input class="J_agreement_per" name="agreement" type="checkbox" value="1" checked="checked">
                            我已阅读并同意<a href="javascript:;" class="J_reg_agreement">《{{subsite_config('aix.system.site.site.site_name')}}用户服务协议》</a></label></div>
                    <input type="hidden" name="reg_type" value="2">
                    <input type="hidden" name="utype" value="2">
                    <div class="btnbox"><input id="btnEmailRegister" type="submit" value="注册" class="btn_reg J_hoverbut"></div>
                    <input type="hidden" id="origin_btnCheckEmail" style="display: none;"><input type="hidden" id="btnCheckEmail">
                </form>
            </div>
        </div>
        <div class="rr">
        	<a href="{{route('home')}}" class="gohome">返回首页</a>
            {{--<div id="thirdlogin-wechat-web" class="webchat-login-code"></div>--}}
            <div id="thirdlogin-wechat-web" class="webchat-login-code"><img src="{{upload_asset($qrcode)}}"/></div>
            <div id="other-thirdlogin" class="loginappimg">
                {{--<p class="txt">使用合作账号直接登录</p>--}}
                <p class="txt">可添加工作人员微信了解更多讯息</p>
            </div>
            <div class="tittxt">已经有{{subsite_config('aix.system.site.site.site_name')}}账号:
            	<div class="logintxt"><a href="{{route('login')}}" class=" J_hoverbut btn_blue btn_inline">直接登录</a></div>
            </div>
            
        </div>
        <div class="clear"></div>
    </div>
    <input type="hidden" id="J_captcha_open" value="{{config('aix.system.site_safety.site_vo_code.captcha_open', 0) }}">
    <input type="hidden" id="J_config_varify_reg" value="1">
</div>
@endsection

@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/regular.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.form.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.validate.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/members/jquery.pwdalert.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/emailAutoComplete.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.placeholder.min.js') }}"></script>
    <script src="{{theme_asset('statistics/js/layer/layer.js')}}"></script>
    <script src="{{ theme_asset('app/js/members/jquery.common.js') }}"></script>
    <script src="{{ theme_asset('app/js/jquery.listitem.js') }}"></script>
    @include('module.widgets.thirdlogin')
    <script type="text/javascript">
        var qscms={
            base:"",
            root:""
        }
        var person_check_url="{{route('register.check', ['utype'=>2])}}";
        var person_register_url="{{route('register.person')}}";
        var login_url="{{route('login')}}";
        var sms_url="{{route('sms.send')}}";

        $('input').placeholder();
        //注册协议弹框
        $(".J_reg_agreement").click(function(){
            var qsDialog = $(this).dialog({
                title: "{{subsite_config('aix.system.site.site.site_name')}}注册协议",
                backdrop: false
            });
            var content='<div class="agreement">{!! str_replace(["\r\n","\n"], ["",""], config('aix.system.register_agreement.register_agreement.reg_agreement')) !!}</div>';
            qsDialog.setContent(content);


        });
        // 默认第一项获得焦点
        $('#companyname').focus().addClass('input_focus');
        /*<if condition="C('qscms_weixin_apiopen') and C('qscms_weixin_scan_login')">
            get_weixin_qrcode();
        </if>*/

        // 是否同意注册协议
        $('input[name="agreement"]').on('click', function() {
            if ($(this).is(':checked')) {
                $(this).closest('.tabshow').find('.btn_reg').prop('disabled', 0).removeClass('btn_disabled');
            } else {
                $(this).closest('.tabshow').find('.btn_reg').prop('disabled', !0).addClass('btn_disabled');
            }
        })

        //发送短信
        var handler = function(captchaObj) {
            captchaObj.appendTo("#popup-captcha");
            captchaObj.onSuccess(function() {
                var result = captchaObj.getValidate();
                toSetSms(result);
            });

            captchaObj.onError(function() {

            });
            $('#getVerfyCode').on('click', function () {
                var mobileValue = $.trim($('input[name=mobile]').val());
                if (mobileValue == '') {
                    qsToast({type:2,context: '请输入手机号'});
                    return false;
                }
                captchaObj.verify();

            });
        };
        // gt_init(handler);

        var mobile_captcha_flag = false;
        var mobile_captcha_callback = function(res){

            if(res.hasOwnProperty('errorMessage')){
                alert(res.errorMessage)
            }
            console.log(res)
            if(res.ret == 0){
                mobile_captcha_flag = true;
                console.log('行为验证通过');
                $("#ticket1").val(res.ticket);
                $("#bizState1").val(res.bizState);
                $("#randstr1").val(res.randstr);
                submit_data={
                    "mobile":$("input[name='mobile']").val(),
                    "type":"register",
                    "ticket": res.ticket,
                    "bizState": res.bizState,
                    "randstr": res.randstr
                };
                $.post('{{route('sms.send')}}',submit_data,function(data,status,xhr){
                    if(status == "success"){
                        $("#message_mobile").addClass("successinfo");
                        $("#message_mobile").text("发送成功,请注意查收");
                        settime();
                    }else{
                        if (data.status==422) {//验证错误
                            $.each(data.responseJSON.errors,function (key,val) {
                                $("#"+key).addClass("errinfo");
                                $("#"+key).text(val[0]);
                            });
                        }
                        else if(data.status==400) {//业务错误
                            $("#message_mobile").addClass("errinfo");
                            $("#message_mobile").text(data.responseJSON.message);
                        }
                    }

                })
            }else{
                console.log('用户主动关闭验证码')
            }
            console.log('callback:', res);
        }

        var mobile_captcha = new TencentCaptcha('196587903', mobile_captcha_callback, {});
        $('#getVerfyCode').on('click', function () {
            var mobileValue = $.trim($('input[name=mobile]').val());
            if (mobileValue == '') {
                // alert('请输入手机号');
                qsToast({type:2,context: '请输入手机号'});
                return false;
            }
            mobile_captcha.show();
            //toSetSms({});

        });

        // 发送手机验证码
        function toSetSms(geet_result) {
            var mobileValue = $.trim($('input[name=mobile]').val());

            function settime(countdown) {
                if (countdown == 0) {
                    $('#getVerfyCode').removeClass('qs-btn-border-disabled');
                    $('#getVerfyCode').text('获取验证码');
                    countdown = 180;
                    return;
                } else {
                    $('#getVerfyCode').addClass('qs-btn-border-disabled');
                    $('#getVerfyCode').text('重新发送' + countdown + '秒');
                    countdown--;
                }
                setTimeout(function () {
                    settime(countdown)
                }, 1000)
            }

            $('#getVerfyCode').prop("disabled", !0);
            $('#getVerfyCode').addClass('qs-btn-border-disabled');
            $('#getVerfyCode').text('发送中...');
            geet_result.mobile = mobileValue;
            geet_result.type = "register";
            $.ajax({
                url: "{{route('sms.send')}}",
                type: 'POST',
                dataType: 'json',
                data: geet_result,
                success: function (data) {
                    // console.log(data);
                    setTimeout(function () {
                        qsToast({type: 2, context: '验证码已发送，请注意查收'});
                        // 开始倒计时
                        var countdowns = 180;
                        settime(countdowns);
                    }, 1000)
                },
                error: function (errorData) {
                    // console.log(errorData);
                    var response = $.parseJSON(errorData.response);
                    if (errorData.status == 422) {//验证错误
                        $.each(response.errors, function (key, val) {
                            qsToast({type: 2, context: val[0]});
                            return false;
                        });
                    } else if (errorData.status == 400) {//业务错误
                        qsToast({type: 2, context: response.message});
                    }
                    setTimeout(function () {
                        $('#getVerfyCode').prop("disabled", 0);
                        $('#getVerfyCode').removeClass('qs-btn-border-disabled');
                        $('#getVerfyCode').text('获取验证码');
                    }, 1500)
                }
            });
        }
        $('#member_status_email').change(function(){
            if ($(this).val() == 3) {
                $('.talent_email').show();
            } else {
                $('.talent_email').hide();
            }
        });
        $('#member_status_mobile').change(function(){
            if ($(this).val() == 3) {
                $('.talent_mobile').show();
            } else {
                $('.talent_mobile').hide();
            }
        });
    </script>
    <script>
        $('#btnMoilbPhoneRegister').click(function(){
            $('#btnMoilbPhoneRegister').val('注册中...').addClass('btn_disabled').prop('disabled', !0);
            $.ajax({
                url: person_register_url,
                type: 'POST',
                dataType: 'json',
                data: $('#regMobileForm').serialize(),
                success: function (data) {
                    disapperTooltip("success","注册成功,正在为你跳转..");
                    setTimeout(function () {
                        window.location.href = data.data.url;
                    },1000)

                },
                error:function(data) {
                    console.log(data);
                    var error_obj=eval('(' + data.responseText + ')');
                    if ($('#regMobileForm input[name="agreement"]').is(':checked')) {
                        $('#btnMoilbPhoneRegister').val('注册').removeClass('btn_disabled').prop('disabled', 0);
                    }
                    if (data.status == 422) {//验证错误
                        $.each(error_obj.errors, function (key, val) {
                            disapperTooltip("remind", val[0]);
                        });
                    }
                    else if (data.status == 400) {//业务错误
                        disapperTooltip("remind", error_obj.message);
                    }
                }
            });
            return false;
        });

        $('#btnEmailRegister').click(function(){
            $('#btnEmailRegister').val('注册中...').addClass('btn_disabled').prop('disabled', !0);
            $.ajax({
                url: person_register_url,
                type: 'POST',
                dataType: 'json',
                data: $('#regEmailForm').serialize(),
                success: function (data) {
                    disapperTooltip("success","注册成功,正在为你跳转..");
                    setTimeout(function () {
                        window.location.href = data.data.url;
                    },1000)

                },
                error:function(data) {
                    console.log(data);
                    var error_obj=eval('(' + data.responseText + ')');
                    if ($('#regEmailForm input[name="agreement"]').is(':checked')) {
                        $('#btnEmailRegister').val('注册').removeClass('btn_disabled').prop('disabled', 0);
                    }
                    if (data.status == 422) {//验证错误
                        $.each(error_obj.errors, function (key, val) {
                            disapperTooltip("remind", val[0]);
                        });
                    }
                    else if (data.status == 400) {//业务错误
                        disapperTooltip("remind", error_obj.message);
                    }
                }
            });
            return false;
        });

    </script>
{{--    <script type="text/javascript" src="{{ theme_asset('app/js/members/jquery.validate.regpersonal.js') }}?v=1"></script>--}}
@endsection