下面文章小编就为大家带来一篇分析layui修改验证码,layui登录验证码在哪里配置修改。小编觉得挺不错的,现在就分享给大家,如果你在找layui用户验证码,layui后台开发,layui修改验证码,也可以做个学习。一起跟随小编过来看看吧。
layui修改验证码,layui登录验证码在哪里配置修改
作者:小程序教员 发布时间:2021-04-26
使用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验证码点击事件
点击验证码图片后, 会改变验证码中的内容, 如果你在上面的 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:2334512685,我们会及时删除。
发布:秦子恒博客,欢迎转载分享,请保留出处。
layui修改验证码,layui登录验证码在哪里配置修改链接:https://www.qinziheng.com/details/9623/
layui修改验证码,layui登录验证码在哪里配置修改相关文章