分享主题:linux,nginx,php,mysql

layui修改验证码,layui登录验证码在哪里配置修改

javascript 现在加入小程序俱乐部QQ群:483987340

使用layui开始登录页面,
有一个验证码功能,
官方演示代码提供的是一个第三方的验证码,
如果需要修改为自己后台的验证码,
需要进行下面的修改

一、 layui修改为自己的验证码地址

layui登录验证码所在的页面是 views/user/login.html,
找到下面代码,

<div class="layui-col-xs5">
    <div style="margin-left: 10px;">
        <img src="/qinziheng_vcode.php" class="layadmin-user-login-codeimg" id="LAY-user-get-vercode">
    </div>
</div>

把 img 标签中的 src 改成你的验证码地址。

layui登录验证码

二、 layui验证码点击事件

点击验证码图片后,
会改变验证码中的内容,
如果你在上面的 img 中添加点击事件,
是不行的,
需要修改 layui 封装的验证码事件,
具体位置是 controller/user.js,
找到下面代码

//更换图形验证码
  $body.on('click', '#LAY-user-get-vercode', function(){
    var othis = $(this);
    this.src = '/qinziheng_vcode.php?t='+ new Date().getTime()
  });

把 this.src 指向你的验证码地址。

猛击这里
观看子恒老师《微信小程序支付项目开发》系列视频
了解实现过程和下载相关源代码

声明:本文仅供交流学习 , 版权归属原作者,部分文章未能及时与原作者取得联系,若来源标注错误或侵犯到您的权益烦请告知QQ:58842997,我们会及时删除。
秦子恒公众号

来源:秦子恒博客,欢迎转载分享,请保留出处

layui修改验证码,layui登录验证码在哪里配置修改链接:https://www.qinziheng.com/javascript/9623.htm

现在就加入微信开发QQ群2:483987340,跟同行探讨微信公众平台开发。群满就关闭,你得等到下一个群开通才能加入……

喜欢 (3)