jucai/public/themes/default/views/module/widgets/main_login_guest.blade.php

<!--未登录 -->
<div class="login">
    <div class="lontit">
        <span class="switch_txt active">会员登录</span>
        <span class="switch_txt" style="position:relative;left:-22px;font-size:15px;">手机动态码登录</span>
        <div id="forAccountLogin" class="switch_account link_blue" data-index="0"><a href="javascript:;">切换为账号登录</a></div>
        <div class="code_login" title="切换扫码登录"></div>
        <div class="txt_login" title="切换到用户名密码登录"></div>
    </div>
    <div class="type_box active">
        <div class="errbox J_errbox"></div>
        <div class="j_mob_show">
            <form action="{{route('login.account')}}" method="post">
                {{ csrf_field() }}
            <div class="inputbox inputbox_mobile"><input name="account" type="text" value="" placeholder="请输入邮箱/用户名/手机号" class="input"/></div>
            <div class="inputbox inputbox_code"><input name="password" type="password" value="" placeholder="请输入密码" class="input J_loginword"/></div>
            <div class="memorybox">
                <div class="memory">
                    <span class="ss_ChkBox Yes"></span>
                    <input name="autoLogin" class="ss_AutoLogin J_expire" type="checkbox" value="1" checked="checked"/>
                    <span style="cursor:pointer;color:#444;">自动登录</span>
                </div>
                <div class="getpwd link_yellow"><a href="{{route('password.request')}}">忘记密码？</a></div>
                <div class="clear"></div>
            </div>

            <div class="inputbox inputbox_btn">
                <input id="J_do_login_btn" type="button" value="立即登录"  class="aix_lf index_login_btn"/>
                <a href="{{route('register.index')}}" class="aix_rt index_reg_btn">快速注册</a>
                <div class="clear"></div>
            </div>
            </form>
            <div class="apptit">
                <div class="t">
                    使用合作账号登录
                </div>
                <div class="t link_blue last">
                    <a id="forMobileLogin" href="javascript:;" data-index="1">使用手机动态码登录</a></div>
                <div class="clear"></div>
            </div>
            <div class="appsparent">
                <div class="apps">
                    <volist name="oauth_list" id="oauth">
                        <if condition="$key neq 'weixin'">
                            <a class="ali {$key}" href="{:U('callback/index',array('mod'=>$key,'type'=>'login'))}" title="{$oauth.name}账号登录"></a>
                        </if>
                    </volist>
                </div>
            </div>
        </div>
    </div>
    <div class="type_box">
        <div class="errbox J_errbox"></div>
        <div class="j_mob_show">
            <form action="{{route('login.sms')}}" method="post">
                {{ csrf_field() }}
            <div class="inputbox inputbox_mobile"><input name="mobile" type="text" value="" placeholder="请输入手机号" class="input"/></div>
            <div class="inputbox inputbox_code">
                <input name="code" type="text" value="" placeholder="请输入验证码" class="J_loginword input code"/>
                <input id="getVerfyCode" type="button" value="获取验证码" class="index_login_btn_code"/>
            </div>
            <div class="memorybox">
                <div class="memory">
                    <span class="ss_ChkBox Yes"></span>
                    <input name="autoLogin" class="ss_AutoLogin J_expire" type="checkbox" value="1" checked="checked"/>
                    <span style="cursor:pointer;color:#444;">自动登录</span>
                </div>
                <div class="getpwd link_yellow"><a href="{{route('password.request')}}">忘记密码？</a></div>
                <div class="clear"></div>
            </div>

            <div class="inputbox inputbox_btn">
                <input id="J_do_login_bymobile_btn" type="button" value="立即登录"  class="aix_lf index_login_btn"/>
                <a href="{{route('register.index')}}" class="aix_rt index_reg_btn">快速注册</a>
                <div class="clear"></div>
            </div>
            </form>
            <div class="apptit">
                <div class="t">其他账户登录</div>
                <div class="t link_blue last"></div>
                <div class="clear"></div>
            </div>
            <div class="appsparent">
                <div class="apps">
                    <a class="ali}" href="" title=""></a>
                </div>
            </div>
        </div>
    </div>
    <div class="J_qr_code_show wechat_login_box" style="display: none" id="login_container">
        <div class="wechatLogin">微信登录</div><!-- 原系统bug,增加样式 -->
        <div id="J_weixinQrCode" class="codebox"></div>
        <div class="codetip">请使用微信扫一扫登录</div>
    </div>
    <input type="hidden" id="J_loginType" value="0">
    <input type="button" id="btnVerifiCode" style="display:none;">
    <input type="hidden" id="verify_userlogin" value="{$verify_userlogin}">
    <input type="hidden" id="J_captcha_open" value="0" />
    <input type="hidden" id="J_sendVerifyType" value="0">
    <input type="hidden" id="whetherVisitors" value="1">
</div>

@section('script')
    @parent
    <script>
        $(function () {


            $('#getVerfyCode').on('click', function () {
                var $thisTypeBox = $(this).closest('.type_box');
                submit_data={
                    "mobile":$("input[name='mobile']").val(),
                    "type":"login"
                };
                $.ajax({
                    method: 'post',
                    url: '{{url('api/common/sms/send')}}',
                    data: submit_data,
                    beforeSend:function () {
                        // console.log('请求开始');
                        $thisTypeBox.removeClass('err');
                        $thisTypeBox.find('.J_errbox').text('');

                    },
                    complete:function() {
                        console.log('请求结束');
                    },
                    success: function (data) {
                        // console.log(data);
                        $thisTypeBox.addClass('err');
                        $thisTypeBox.find('.J_errbox').text("发送成功,请注意查收");
                       // settime();
                    },
                    error: function (errorData) {
                        // console.log(errorData);
                        if (errorData.status==422) {//验证错误
                            $.each(errorData.responseJSON.errors,function (key,val) {
                                $thisTypeBox.addClass('err');
                                $thisTypeBox.find('.J_errbox').text(val[0]);
                                return false;
                            });
                        }
                        else if(errorData.status==400) {//业务错误
                            $thisTypeBox.addClass('err');
                            $thisTypeBox.find('.J_errbox').text(errorData.responseJSON.message);

                        }
                    }
                });
            });

            $('#J_do_login_btn').on('click', function () {
                var $thisTypeBox = $(this).closest('.type_box');
                $.ajax({
                    method: 'post',
                    url: $(this).parent().parent().attr('action'),
                    data: $(this).parent().parent().serialize(),
                    beforeSend:function () {
                        //console.log('请求开始');
                        $thisTypeBox.removeClass('err');
                        $thisTypeBox.find('.J_errbox').text('');

                    },
                    complete:function() {
                        //console.log('请求结束');
                    },
                    success: function (data) {
                        //console.log(data);
                        location.href="{{url('/')}}";
                    },
                    error: function (errorData) {
                        //console.log(errorData);
                        if (errorData.status==422) {//验证错误
                            $.each(errorData.responseJSON.errors,function (key,val) {
                                $thisTypeBox.addClass('err');
                                $thisTypeBox.find('.J_errbox').text(val[0]);
                                return false;
                            });
                        }
                        else if(errorData.status==400) {//业务错误
                            $thisTypeBox.addClass('err');
                            $thisTypeBox.find('.J_errbox').text(errorData.responseJSON.message);

                        }
                    }
                });
            });

            $('#J_do_login_bymobile_btn').on('click', function () {
                var $thisTypeBox = $(this).closest('.type_box');
                $.ajax({
                    method: 'post',
                    url: $(this).parent().parent().attr('action'),
                    data: $(this).parent().parent().serialize(),
                    beforeSend:function () {
                        //console.log('请求开始');
                        $thisTypeBox.removeClass('err');
                        $thisTypeBox.find('.J_errbox').text('');

                    },
                    complete:function() {
                        //console.log('请求结束');
                    },
                    success: function (data) {
                        //console.log(data);
                        location.href="{{url('/')}}";
                    },
                    error: function (errorData) {
                        //console.log(errorData);
                        if (errorData.status==422) {//验证错误
                            $.each(errorData.responseJSON.errors,function (key,val) {
                                $thisTypeBox.addClass('err');
                                $thisTypeBox.find('.J_errbox').text(val[0]);
                                return false;
                            });
                        }
                        else if(errorData.status==400) {//业务错误
                            $thisTypeBox.addClass('err');
                            $thisTypeBox.find('.J_errbox').text(errorData.responseJSON.message);

                        }
                    }
                });
            });

            $('.login-company').on('click', function () {
                $.ajax({
                    method: 'post',
                    url: $(this).parent().attr('action'),
                    data: $(this).parent().serialize(),
                    beforeSend:function () {
                        //console.log('请求开始');
                        $(".errinfo").text("");
                        $(".errinfo").removeClass("errinfo");
                        $(".successinfo").text("");
                        $(".successinfo").removeClass("successinfo");

                    },
                    complete:function() {
                        //console.log('请求结束');
                    },
                    success: function (data) {
                        //console.log(data);
                        location.href=data.data.redirect_url;
                    },
                    error: function (errorData) {
                        //console.log(errorData);
                        if (errorData.status==422) {//验证错误
                            $.each(errorData.responseJSON.errors,function (key,val) {
                                $("#"+key).addClass("errinfo");
                                $("#"+key).text(val[0]);
                            });
                        }
                        else if(errorData.status==400) {//业务错误
                            $("#message_company").addClass("errinfo");
                            $("#message_company").text(errorData.responseJSON.message);
                        }
                    }
                });
            });

        });

        function checkAutoLogin() {
            var isCheck = $(".check-box").hasClass("yes");
            if (isCheck) {
                $(".check-box").removeClass("yes");
                $(".check-box").closest(".txt-group").find("input[name=autoLogin]").prop("checked", false);
            } else {
                $(".check-box").addClass("yes");
                $(".check-box").closest(".txt-group").find("input[name=autoLogin]").prop("checked", true);
            }

        }

        // 倒计时
        var countdown = 60;
        function settime() {
            if (countdown == 0) {
                $('.btn-getcode').prop("disabled", false);
                $('.btn-getcode').removeClass('btn-disabled');
                $('.btn-getcode').val('获取验证码');
                countdown = 60;
                return;
            } else {
                $('.btn-getcode').prop("disabled", true);
                $('.btn-getcode').addClass('btn-disabled');
                $('.btn-getcode').val('重新发送' + countdown + '秒');
                countdown--;
            }
            setTimeout(function() {
                settime()
            },1000)
        }



    </script>

@endsection()