tp5 验证码点击刷新自动刷新

最新推荐文章于 2022-11-24 09:47:55 发布

叶落无痕123

最新推荐文章于 2022-11-24 09:47:55 发布

阅读量789

点赞数 1

分类专栏： TP5

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/u012767761/article/details/105613078

版权

TP5 专栏收录该内容

63 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>测试</title>
   <link rel="stylesheet" href="style/login.css">
   <script src="js/login.js"></script>
</head>
<body>
   <div class="comp_logo" style="font-size: 35px;text-align: center;margin-top: 40px;color: #fff;">
       管理中心
   </div>
   <div class="login_out">
       <div class="login">
           
           <div class="imgs">
               <img src="images/login.png" alt="">
           </div>
           
           <div class="form_login">
               <div class="loading" style="display: none;">
                   <img src="images/loading.gif" style="width: 80%" alt="">
                   <p>加载中……</p>
               </div>
               <form action="./">
                   <div class="input"><input type="text" name="account" id='account' value="" placeholder="用户名"></div>
                   <div class="input"><input type="password" name="password" id='password' value="" placeholder="密码"></div>
                   <div class="code">
                       <input type="text" name="code" id='code' placeholder="验证码">
                       <span><img id="refresh" οnclick="this.src='{:captcha_src()}?'+Math.random()" src="{:captcha_src()}" alt="captcha" /></span>
                   </div>
                   <div class="login_btn">登录</div>
               </form>
           </div>
       </div>
   </div>

<script>
   layui.use('layer', function(){
       var layer = layui.layer;
       $('.login .login_btn').click(function(){
           var code=$('#code').val(),password=$('#password').val(),account=$('#account').val();
           if(code==''){
               layer.msg('验证码不能为空');
               $('#code').focus();
           }else if(account==''){
               layer.msg('用户名不能为空');
               $('#account').focus();
           }else if(password==''){
               layer.msg('密码不能为空');
               $('#password').focus();
           }else{

               $.ajax({
                   url:"/index.php/shangjia/login/loginCheck",
                   data:{'account':account,'password':password,'code':code},
                   success:function(res){
                       console.log(res);
                       if(res.code==0){
                           setTimeout(function(){
                               $('.loading').css('display','block');
                               $('.login .form_login form').css('transform','rotateX(90deg)');
                               window.location.href='/index.php/shangjia';
                           },280)
                       }else{
                           layer.msg(res.msg,{time:2000},function(){
   // location.reload();
   $('#refresh').attr("src",'{:captcha_src()}?'+Math.random());
   })
                       }
                   }
               })
           }
       })
       $(document).keydown(function (event) {
   if(event.keyCode==13){
   var code=$('#code').val(),password=$('#password').val(),account=$('#account').val();
               if(code==''){
                   layer.msg('验证码不能为空');
                   $('#code').focus();
               }else if(account==''){
                   layer.msg('用户名不能为空');
                   $('#account').focus();
               }else if(password==''){
                   layer.msg('密码不能为空');
                   $('#password').focus();
               }else{

                   $.ajax({
                       url:"/index.php/shangjia/login/loginCheck",
                       data:{'account':account,'password':password,'code':code},
                       success:function(res){
                           console.log(res);
                           if(res.code==0){
                               setTimeout(function(){
                                   $('.loading').css('display','block');
                                   $('.login .form_login form').css('transform','rotateX(90deg)');
                                   window.location.href='/index.php/shangjia';
                               },280)
                           }else{
                               layer.msg(res.msg,{time:2000},function(){
       // location.reload();
       $('#refresh').attr("src",'{:captcha_src()}?'+Math.random());
       })
                           }
                       }
                   })
               }
   }
   });
   })
</script>
</body>
</html>

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。