关闭验证码

public/themes/default/views/mobile/app/auth/login_mobile.blade.php

@@ -9,9 +9,6 @@
 @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 src="https://captcha.253.com/TCaptcha.js"></script>
 @endpush
 
 @section('content')
@@ -65,142 +62,43 @@
     @include('mobile.module.widgets.thirdlogin')
     <script>
         $(function () {
-            var is_need_geetest=0;//全局,是否使用极验.
             var login_type=1;//登录模式,1用户账号登录,2用户手机登录,3企业登录.
-            var gt_call_back=function(captchaObj) {
-                captchaObj.onReady(function () {
-                    //极验加载完成
-                });
-                captchaObj.onSuccess(function () {
-                    ajax_login(login_type,captchaObj);
-
-                });
-                captchaObj.onError(function () {
-                    show_error(login_type,"请先进行验证");
-                });
-                captchaObj.onClose(function () {
-                    show_error(login_type,"请先进行验证");
-                });
-                $('.login-account').on('click', function () {
-                    // var usernameValue = $.trim($('input[name=account]').val());
-                    // var passwordValue = $.trim($('input[name=password]').val());
-                    // if (usernameValue == '') {
-                    //     qsToast({type:2,context: '请输入账户名/手机号/邮箱'});
-                    //     return false;
-                    // }
-                    // if (passwordValue == '') {
-                    //     qsToast({type:2,context: '请输入密码'});
-                    //     return false;
-                    // }
-                    login_type=1;
-                    //clean_message();
-                    if (is_need_geetest==1){
-                        captchaObj.bindForm("#form_account");
-                        captchaObj.verify();
-                    }
-                    else{
-                        ajax_login(login_type,captchaObj);
-                    }
-
-                });
+            $('.login-account').on('click', function () {
+                // var usernameValue = $.trim($('input[name=account]').val());
+                // var passwordValue = $.trim($('input[name=password]').val());
+                // if (usernameValue == '') {
+                //     qsToast({type:2,context: '请输入账户名/手机号/邮箱'});
+                //     return false;
+                // }
+                // if (passwordValue == '') {
+                //     qsToast({type:2,context: '请输入密码'});
+                //     return false;
+                // }
+                login_type=1;
+                ajax_login(login_type);
 
-                $('.login-mobile').on('click', function () {
-                    var usernameValue = $.trim($('input[name=mobile]').val());
-                    var passwordValue = $.trim($('input[name=code]').val());
-                    if (usernameValue == '') {
-                        qsToast({type:2,context: '请输入手机号'});
-                        return false;
-                    }
-                    if (passwordValue == '') {
-                        qsToast({type:2,context: '请输入验证码'});
-                        return false;
-                    }
-                    login_type=2;
-                    //clean_message();
-                    if (is_need_geetest==1){
-                        captchaObj.bindForm("#form_mobile");
-                        captchaObj.verify();
-                    }
-                    else{
-                        ajax_login(login_type,captchaObj);
-                    }
-                });
-
-                $('.login-company').on('click', function () {
-                    login_type=3;
-                    //clean_message();
-                    if (is_need_geetest==1){
-                        captchaObj.bindForm("#form_company");
-                        captchaObj.verify();
-                    }
-                    else{
-                        ajax_login(login_type,captchaObj);
-                    }
-                });
-            };
+            });
 
-            var mobile_captcha_flag = false;
-            var mobile_captcha_callback = function(res){
-                if(res.hasOwnProperty('errorMessage')){
-                    alert(res.errorMessage)
+            $('.login-mobile').on('click', function () {
+                var usernameValue = $.trim($('input[name=mobile]').val());
+                var passwordValue = $.trim($('input[name=code]').val());
+                if (usernameValue == '') {
+                    qsToast({type:2,context: '请输入手机号'});
+                    return false;
                 }
-                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":"login",
-                        "ticket": res.ticket,
-                        "bizState": res.bizState,
-                        "randstr": res.randstr
-                    };
-                    $.ajax({
-                        type: 'post',
-                        url: '{{route('sms.send')}}',
-                        data: submit_data,
-                        beforeSend:function () {
-                            // console.log('请求开始');
-                            // $(".errinfo").text("");
-                            // $(".errinfo").removeClass("errinfo");
-
-                        },
-                        complete:function() {
-                            console.log('请求结束');
-                        },
-                        success: function (data) {
-                            // console.log(data);
-                            qsToast({type:2,context: '验证码已发送，请注意查收'});
-                            settime();
-                        },
-                        error: function (errorData) {
-                            // console.log(errorData);
-                            if (countdown == 60) {
-                                $('#getVerfyCode').removeClass('qs-btn-border-disabled');
-                                $('#getVerfyCode').text('获取验证码');
-                            }
-                            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});
-                                //is_need_geetest=response.errors.is_need_geetest;
-                            }
-                        }
-                    });
-                }else{
-                    console.log('用户主动关闭验证码')
+                if (passwordValue == '') {
+                    qsToast({type:2,context: '请输入验证码'});
+                    return false;
                 }
-                console.log('callback:', res);
-            }
+                login_type=2;
+                ajax_login(login_type);
+            });
+
+            $('.login-company').on('click', function () {
+                login_type=3;
+                ajax_login(login_type);
+            });
 
-            var mobile_captcha = new TencentCaptcha('196587903', mobile_captcha_callback, {});
             $('.btn-getcode').on('click', function () {
                 var mobile = $.trim($('input[name=mobile]').val());
                 if (mobile == '') {
@@ -210,19 +108,12 @@
                 if ($('#getVerfyCode').hasClass('qs-btn-border-disabled')) {
                     return false;
                 }
-                mobile_captcha.show();
 
             });
 
             $('.login-mobile').on('click', function () {
                 login_type=2;
-
-                if (mobile_captcha_flag){
-                    ajax_login();
-                }
-                else{
-                    alert('验证码组件异常')
-                }
+                ajax_login();
             });
 
             $(".input-login").keydown(function(ev){
@@ -260,13 +151,10 @@
                     success: function (data) {
                         //console.log(data);
                         qsToast({type:2,context: "登录成功, 正在跳转..."});
-                        location.href=data.data.redirect_url+'?token='+data.data.token;;
+                        location.href=data.data.redirect_url+'?token='+data.data.token;
                     },
                     error: function (errorData) {
                         var response=$.parseJSON(errorData.response);
-                        // if (is_need_geetest==1){
-                        //     captchaObj.reset();
-                        // }
                         if (errorData.status==422) {//验证错误
                             $.each(response.errors,function (key,val) {
                                 qsToast({type:2,context: val[0]});
@@ -275,7 +163,6 @@
                         }
                         else if(errorData.status==400) {//业务错误
                             qsToast({type:2,context: response.message});
-                            //is_need_geetest=response.errors.is_need_geetest;
                         }
                     }
                 });

public/themes/default/views/mobile/app/auth/login_mobile_back.blade.php

@@ -0,0 +1,311 @@
+@extends('mobile.module.layouts.content')
+
+@push('meta')
+
+@endpush
+
+@push('css')
+    <link href="{{ theme_asset('mobile/css/members.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 src="https://captcha.253.com/TCaptcha.js"></script>
+@endpush
+
+@section('content')
+    <div class="qs-top-nav x2 list_height">
+        <div class="n-cell" onclick="javascript:location.href='{{route($sub_site.'mobile.login')}}'">账号密码登录<div class="b-line"></div></div>
+        <div class="n-cell active">手机动态码登录<div class="b-line"></div></div>
+        <div class="clear"></div>
+    </div>
+    <div class="split-block"></div>
+    <form method="post" id="form_mobile" action="{{route($sub_site.'mobile.login.mobile')}}" >
+        {{csrf_field()}}
+        <div class="loging-input-group">
+            <div class="group-list mobile">
+                <input id="mobile" name="mobile" type="text" class="l-input font14" placeholder="请输入手机号码" autocomplete="off">
+                <a href="javascript:;" id="getVerfyCode" class="qs-btn qs-btn-inline qs-btn-medium qs-btn-border-gray font14 btn-getcode">获取验证码</a>
+            </div>
+            <div class="group-list verfy">
+                <input id="code" name="code" type="text" class="l-input font14" placeholder="请输入验证码" autocomplete="off">
+            </div>
+        </div>
+        <div class="l-tool-bar list_height">
+            <div class="auto-loging">
+                <div class="for-checkbox active" id="for-checkbox">下次自动登录</div>
+            </div>
+            <div class="for-pwd link_gray6"><a href="{{route($sub_site.'mobile.password.request')}}">忘记密码</a></div>
+            <div class="clear"></div>
+        </div>
+        <div id="pop" style="display:none"></div>
+        <input type="hidden" name="autoLogin" id="autoLogin" value="1" >
+    </form>
+    <div class="btn-spacing login-mobile"><a id="loginBtn" href="javascript:;" class="qs-btn qs-btn-blue font18">验证并登录</a></div>
+    <div class="qs-center login-btn-group">
+        <div class="login-btn-group-box">
+            <a href="{{route($sub_site.'mobile.register.index')}}" class="qs-btn  qs-btn-medium qs-btn-border-orange font14" style="width: 2.45rem;">立即注册</a>
+            <a href="{{route($sub_site.'mobile.login.company')}}" class="qs-btn  qs-btn-medium qs-btn-border-blue font14" style="width: 2.45rem;margin-left: .5rem">企业用户登录</a>
+            <div class="clear"></div>
+        </div>
+    </div>
+    <div class="qs-center coop-title">使用合作账号登录/注册</div>
+    <div class="coop-group  qs-center" >
+        <div class="coop-cell" id="other-thirdlogin">
+
+        </div>
+        <div class="clear"></div>
+    </div>
+@endsection
+
+
+@section('script')
+
+    @include('mobile.module.widgets.thirdlogin')
+    <script>
+        $(function () {
+            var is_need_geetest=0;//全局,是否使用极验.
+            var login_type=1;//登录模式,1用户账号登录,2用户手机登录,3企业登录.
+            var gt_call_back=function(captchaObj) {
+                captchaObj.onReady(function () {
+                    //极验加载完成
+                });
+                captchaObj.onSuccess(function () {
+                    ajax_login(login_type,captchaObj);
+
+                });
+                captchaObj.onError(function () {
+                    show_error(login_type,"请先进行验证");
+                });
+                captchaObj.onClose(function () {
+                    show_error(login_type,"请先进行验证");
+                });
+                $('.login-account').on('click', function () {
+                    // var usernameValue = $.trim($('input[name=account]').val());
+                    // var passwordValue = $.trim($('input[name=password]').val());
+                    // if (usernameValue == '') {
+                    //     qsToast({type:2,context: '请输入账户名/手机号/邮箱'});
+                    //     return false;
+                    // }
+                    // if (passwordValue == '') {
+                    //     qsToast({type:2,context: '请输入密码'});
+                    //     return false;
+                    // }
+                    login_type=1;
+                    //clean_message();
+                    if (is_need_geetest==1){
+                        captchaObj.bindForm("#form_account");
+                        captchaObj.verify();
+                    }
+                    else{
+                        ajax_login(login_type,captchaObj);
+                    }
+
+                });
+
+                $('.login-mobile').on('click', function () {
+                    var usernameValue = $.trim($('input[name=mobile]').val());
+                    var passwordValue = $.trim($('input[name=code]').val());
+                    if (usernameValue == '') {
+                        qsToast({type:2,context: '请输入手机号'});
+                        return false;
+                    }
+                    if (passwordValue == '') {
+                        qsToast({type:2,context: '请输入验证码'});
+                        return false;
+                    }
+                    login_type=2;
+                    //clean_message();
+                    if (is_need_geetest==1){
+                        captchaObj.bindForm("#form_mobile");
+                        captchaObj.verify();
+                    }
+                    else{
+                        ajax_login(login_type,captchaObj);
+                    }
+                });
+
+                $('.login-company').on('click', function () {
+                    login_type=3;
+                    //clean_message();
+                    if (is_need_geetest==1){
+                        captchaObj.bindForm("#form_company");
+                        captchaObj.verify();
+                    }
+                    else{
+                        ajax_login(login_type,captchaObj);
+                    }
+                });
+            };
+
+            var mobile_captcha_flag = false;
+            var mobile_captcha_callback = function(res){
+                if(res.hasOwnProperty('errorMessage')){
+                    alert(res.errorMessage)
+                }
+                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":"login",
+                        "ticket": res.ticket,
+                        "bizState": res.bizState,
+                        "randstr": res.randstr
+                    };
+                    $.ajax({
+                        type: 'post',
+                        url: '{{route('sms.send')}}',
+                        data: submit_data,
+                        beforeSend:function () {
+                            // console.log('请求开始');
+                            // $(".errinfo").text("");
+                            // $(".errinfo").removeClass("errinfo");
+
+                        },
+                        complete:function() {
+                            console.log('请求结束');
+                        },
+                        success: function (data) {
+                            // console.log(data);
+                            qsToast({type:2,context: '验证码已发送，请注意查收'});
+                            settime();
+                        },
+                        error: function (errorData) {
+                            // console.log(errorData);
+                            if (countdown == 60) {
+                                $('#getVerfyCode').removeClass('qs-btn-border-disabled');
+                                $('#getVerfyCode').text('获取验证码');
+                            }
+                            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});
+                                //is_need_geetest=response.errors.is_need_geetest;
+                            }
+                        }
+                    });
+                }else{
+                    console.log('用户主动关闭验证码')
+                }
+                console.log('callback:', res);
+            }
+
+            var mobile_captcha = new TencentCaptcha('196587903', mobile_captcha_callback, {});
+            $('.btn-getcode').on('click', function () {
+                var mobile = $.trim($('input[name=mobile]').val());
+                if (mobile == '') {
+                    qsToast({type:2,context: '请输入手机号码'});
+                    return false;
+                }
+                if ($('#getVerfyCode').hasClass('qs-btn-border-disabled')) {
+                    return false;
+                }
+                mobile_captcha.show();
+
+            });
+
+            $('.login-mobile').on('click', function () {
+                login_type=2;
+
+                if (mobile_captcha_flag){
+                    ajax_login();
+                }
+                else{
+                    alert('验证码组件异常')
+                }
+            });
+
+            $(".input-login").keydown(function(ev){
+                ev = ev || window.event;
+                var code = (ev.keyCode || ev.which);
+                if (code == 10 || code == 13) {
+                    $(this).closest("form").find(".btn-group").click();
+                }
+            });
+
+            // 自动登录
+            $('#for-checkbox').on('click', function() {
+                $(this).toggleClass('active');
+                if ($(this).hasClass('active')) {
+                    $('#autoLogin').val('1');
+                } else {
+                    $('#autoLogin').val('0');
+                }
+            })
+
+
+
+            function ajax_login() {
+
+                $.ajax({
+                    type: 'post',
+                    url: $("#form_mobile").attr('action'),
+                    data: $("#form_mobile").serialize(),
+                    beforeSend:function () {
+                        //console.log('请求开始');
+                    },
+                    complete:function() {
+                        //console.log('请求结束');
+                    },
+                    success: function (data) {
+                        //console.log(data);
+                        qsToast({type:2,context: "登录成功, 正在跳转..."});
+                        location.href=data.data.redirect_url+'?token='+data.data.token;;
+                    },
+                    error: function (errorData) {
+                        var response=$.parseJSON(errorData.response);
+                        // if (is_need_geetest==1){
+                        //     captchaObj.reset();
+                        // }
+                        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});
+                            //is_need_geetest=response.errors.is_need_geetest;
+                        }
+                    }
+                });
+
+
+            };
+
+
+        });
+        // 倒计时
+        var countdown = 60;
+        function settime() {
+            if (countdown == 0) {
+                $('#getVerfyCode').removeClass('qs-btn-border-disabled');
+                $('#getVerfyCode').text('获取验证码');
+                countdown = 60;
+                return;
+            } else {
+                $('#getVerfyCode').addClass('qs-btn-border-disabled');
+                $('#getVerfyCode').text('重新发送' + countdown + '秒');
+                countdown--;
+            }
+            setTimeout(function() {
+                settime()
+            },1000)
+        }
+
+        $('.gohome').on('click', function () {
+            location.href="{{route($sub_site.'home')}}";
+        });
+
+    </script>
+@endsection