jucai/public/themes/default/views/jkq/auth/password_request.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/aix.css') }}" rel="stylesheet">
@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>
@endpush

@section('content')
    <div class="find_pwd">
        <div class="step s1"></div>
        <div class="steptxt">
            <div class="tli font_blue">1.验证账号信息</div>
            <div class="tli">2.设置新密码</div>
            <div class="tli">3.找回成功</div>
            <div class="clear"></div>
        </div>
        <div class="rl J_focus">
            <div class="td1">
                <div class="input_295_34 select_input J_dropdown J_listitme_parent">
                    <span class="J_listitme_text">找回企业账号</span>
                    <div class="dropdowbox1 J_dropdown_menu">
                        <div class="dropdow_inner1">
                            <ul class="nav_box">
                                <li><a class="J_listitme find_type" href="javascript:;" data-code="">找回企业账号</a></li>
                                <li><a class="J_listitme find_type" href="javascript:;" data-code="" id="wl_user">找回个人账号</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <div class="td1">
                <div class="input_295_34 select_input J_dropdown J_listitme_parent">
                    <span class="J_listitme_text">通过手机找回密码</span>
                    <div class="dropdowbox1 J_dropdown_menu">
                        <div class="dropdow_inner1">
                            <ul class="nav_box">
                                <li><a class="J_listitme find_way" href="javascript:;" data-code="">通过手机找回密码</a></li>
                                <li><a class="J_listitme find_way" href="javascript:;" data-code="">通过注册邮箱找回密码</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <div class="mobileshow J_listitme_group">
                <form id="getPassByMobileForm" action="{{route('password.request')}}" method="post" onkeydown="if(event.keyCode==13){return false;}">
                    <div class="selecttip">系统将发送验证码短信到您的手机上，请注意查收</div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="mobile" id="mobile" type="text" placeholder="请输入手机号">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <div class="code">
                                <input name="mobile_vcode" id="mobile_vcode" type="text" class="input_295_34" placeholder="请输入短信验证码">
                            </div>
                            <div class="codebtn">
                                <input type="button" class="btn_yellow J_hoverbut" id="J_getverificode" value="获取验证码">
                                <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="btnbox">

                        <input class="utype" type="hidden" name="utype" value="1">
                        <input type="hidden" name="type" value="mobile">
                        {{csrf_field()}}
                        <input id="mobile_reset" type="submit" value="下一步" class="btn_reg J_hoverbut">
                    </div>
                </form>
            </div>
            <div class="emailshow J_listitme_group">
                <form id="getPassByEmailForm" action="{{route('password.request')}}" method="post" onkeydown="if(event.keyCode==13){return false;}">
                    <div class="selecttip">系统将发出一封验证邮件到您的注册（或绑定的）邮箱，<br>通过验证邮件就可以重新设置密码了</div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="email" id="email" type="text" placeholder="请输入邮箱">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="btnbox">
                        <input type="hidden" name="ticket" id="ticket">
                        <input type="hidden" name="bizState" id="bizState">
                        <input type="hidden" name="randstr" id="randstr">
                        <input class="utype" type="hidden" name="utype" value="1">
                        <input type="hidden" name="type" value="email">
                        {{csrf_field()}}
                        <input id="email_reset" type="submit" value="下一步" class="btn_reg J_hoverbut">
                    </div>
                </form>
            </div>
            <div class="bottom_appeal_tip link_blue"><strong>上面的方式都不可用？</strong><br>
                你还可以进行 <a href="{{route('appeal')}}">账号申诉</a> 或 电话联系我们 <span class="font_blue">{{config('aix.system.site.site.bootom_tel')}}</span>
            </div>
        </div>
    </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.listitem.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.validate.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.dropdown.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.placeholder.min.js') }}"></script>
    <script src="{{ theme_asset('app/js/members/jquery.common.js') }}"></script>
    <script src="{{ theme_asset('app/js/jquery.listitem.js') }}"></script>

    <script type="text/javascript">
        var qscms={
            base:"",
            root:""
        }
        var check_url="/auth/register/check/";
        var register_url="{{route('register.person')}}";
        var login_url="{{route('login')}}";
        var sms_url="{{route('sms.send')}}";
        var find_type=1;
        var captcha_open ={{config('aix.system.site_safety.site_vo_code.captcha_open', 0) }};

        var captcha_callback = function(res){
            if(res.hasOwnProperty('errorMessage')){
                alert(res.errorMessage)
            }
            if(res.ret == 0){
                console.log('行为验证通过');

                $("#ticket_mobile").val(res.ticket);
                $("#bizState_mobile").val(res.bizState);
                $("#randstr_mobile").val(res.randstr);
                toSetSms(res);
            }else{
                console.log('用户主动关闭验证码')
            }
            console.log('callback:', res);
        };

        var captcha_callback_email = function(res){
            if(res.hasOwnProperty('errorMessage')){
                alert(res.errorMessage)
            }
            if(res.ret == 0){


                $("#ticket").val(res.ticket);
                $("#bizState").val(res.bizState);
                $("#randstr").val(res.randstr);
                $.ajax({
                    url: '{{route('password.request')}}',
                    cache: false,
                    async: false,
                    type: 'post',
                    dataType: 'json',
                    data: $('#getPassByEmailForm').serialize(),
                    success: function(json) {
                        disapperTooltip("success", "邮件发送成功，请前往邮箱操作！");

                    },
                    error:function(data){
                        disapperTooltip("remind", data.message);
                        $('#email').focus();
                        return false;
                    }
                });
            }else{
                console.log('用户主动关闭验证码')
            }
            console.log('callback:', res);
        };

        var captcha = new TencentCaptcha('196587903', captcha_callback, {});
        var captcha_email = new TencentCaptcha('196587903', captcha_callback_email, {});

        //找回用户类型
        $('.find_type').click(function(event) {
            var indexValue = $('.find_type').index(this);
            find_type=indexValue+1;
            $('.utype').val(find_type);
            console.log(find_type);
        });
            @if(request('utype')=="user"){
            $("#wl_user").click();
        }

        @endif


        // 找回方式切换
        $('.find_way').click(function(event) {
            var indexValue = $('.find_way').index(this);
            $('.J_listitme_group').eq(indexValue).show().siblings('.J_listitme_group').hide();
        });

        $('#getPassByEmailForm').on('submit', function(event) {
            event.preventDefault();
            var emailValue = $.trim($('#email').val());
            if (emailValue == '') {
                disapperTooltip("remind", "请输入邮箱");
                $('#email').focus();
                return false;
            };
            if (emailValue != "" && !regularEmail.test(emailValue)) {
                disapperTooltip("remind", "请输入正确的邮箱");
                $('#email').focus();
                return false;
            }
            captcha_email.show();
        });

        // $("#email_reset").click(function (event){
        //     event.preventDefault();
        //
        // })

        // 点击获取验证码先判断是否输入了手机号
        $('#J_getverificode').click(function() {
            var mobileValue = $.trim($('#mobile').val());
            if (mobileValue == '') {
                disapperTooltip("remind", "请输入手机号码");
                $('#mobile').focus();
                return false;
            };
            if (mobileValue != "" && !regularMobile.test(mobileValue)) {
                disapperTooltip("remind", "请输入正确的手机号码");
                $('#mobile').focus();
                return false;
            }
            $.ajax({
                url: check_url+find_type,
                cache: false,
                async: false,
                type: 'post',
                dataType: 'json',
                data: { type: 'mobile', param: mobileValue },
                success: function(json) {
                    disapperTooltip("remind", "该手机号没有注册账号");
                    $('#mobile').focus();
                    return false;
                },
                error:function(data){
                    var error_obj=eval('(' + data.responseText + ')');
                    if(data.status==400) {//业务错误
                        captcha.show();

                    }
                }
            });
        });

        // 发送手机验证码
        function toSetSms(result) {
            function settime(countdown) {
                if (countdown == 0) {
                    $('#J_getverificode').prop("disabled", 0);
                    $('#J_getverificode').removeClass('btn_disabled hover');
                    $('#J_getverificode').val('获取验证码');
                    countdown = 180;
                    return;
                } else {
                    $('#J_getverificode').prop("disabled", !0);
                    $('#J_getverificode').addClass('btn_disabled');
                    $('#J_getverificode').val('重新发送' + countdown + '秒');
                    countdown--;
                }
                setTimeout(function() {
                    settime(countdown)
                },1000)
            }
            $('#J_getverificode').prop("disabled", !0);
            $('#J_getverificode').addClass('btn_disabled');
            $('#J_getverificode').val('发送中...');
            result.mobile= $.trim($('#mobile').val());
            result.type= "check";
            $.ajax({
                url: sms_url,
                type: 'POST',
                dataType: 'json',
                data: result,
                success: function (data) {
                    // console.log(data);
                    setTimeout(function() {
                        disapperTooltip("success", "验证码已发送，请注意查收");
                        // 开始倒计时
                        var countdowns = 180;
                        settime(countdowns);
                    },800)
                },
                error: function (errorData) {
                    // console.log(errorData);
                    setTimeout(function() {
                        $('#J_getverificode').prop("disabled", 0);
                        $('#J_getverificode').removeClass('btn_disabled hover');
                        $('#J_getverificode').val('获取验证码');
                        disapperTooltip("remind", data.msg);
                    },1500)
                }
            });
        }

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

                },
                error: function (data) {
                    var error_obj = eval('(' + data.responseText + ')');
                    $('#mobile_reset').val('下一步').removeClass('btn_disabled').prop('disabled', 0);
                    if (data.status == 422) {//验证错误
                        $.each(error_obj.errors, function (key, val) {
                            disapperTooltip("remind", val[0]);
                            return;
                        });
                    }
                    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.getpass.js') }}"></script>--}}
@endsection