个人中心
gpt4 book ai didi

详解ThinkPHP3.2.3验证码显示、刷新、校验

转载 作者：qq735679552 更新时间：2022-09-27 22:32:09 28 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章详解ThinkPHP3.2.3验证码显示、刷新、校验由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

ThinkPHP3.2.3验证码显示、刷新、校验 ，具体如下:

显示验证码 。

首先在Home/Controller下创建一个公共控制器PublicController 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php
namespace Home\Controller;
 
use Think\Controller;
use Think\Verify;
 
class PublicController extends Controller
{
 
   /* 生成验证码 */
   public function verify()
   {
     $config = [
       'fontSize' => 19, // 验证码字体大小
       'length' => 4, // 验证码位数
       'imageH' => 34
     ];
     $Verify = new Verify( $config );
     $Verify ->entry();
   }
 
   /* 验证码校验 */
   public function check_verify( $code , $id = '' )
   {
     $verify = new \Think\Verify();
     $res = $verify ->check( $code , $id );
     $this ->ajaxReturn( $res , 'json' );
   }
}

verify函数用于生成验证码，config是用来配置显示验证码的属性。该属性有哪些可配置项，可以查看Thinkphp/Library/Think/Verify.class.php文件，此处不再赘述.

check_verify函数用于校验验证码的正确性。模板post用户填写的验证码到该函数，返回$res==true验证通过false验证失败。 前台模板页建立index.html 。

?
1
2
3
4
5
6
< div class = "" >
< label for = "j_verify" class = "t" >验证码：</ label > < input id = "j_verify"
name = "j_verify" type = "text" class = "form-control x in" >
< img id = "verify_img" alt = "点击更换" title = "点击更换"
src = "{:U('public/verify',array())}" class = "m" >
</ div >

使用Thinkphp的U方法形成生成验证码的图片.

点击刷新验证码 。

从上面产生验证码的链接我们可以看出，域名/public/verify即可产生验证码。Thinkphp的验证码生成机制是，如若我们需要产生新的验证码，在该链接后加入一个变量值即可.

我们可以考虑实现public/verify/变量值的形式URL.

?
1
2
3
4
5
6
7
$( "#verify_img" ).click( function () {
   var verifyURL = "public/verify" ;
   var time = new Date ().getTime();
   $( "#verify_img" ).attr({
    "src" : verifyURL + "/" + time
   });
});

利用JS获取当前时间戳加入到URL之后即可.

到此我们即可实现验证码的点击刷新功能。具体表现形式，自己随意哈.

异步校验验证码 。

大家一定见过在某些网站，我们输入验证码的时候，输入的过程中文本框后面一直显示错误，直到我们输入争取的时候会先提示验证码正确的形式。下面代码就可以实现:

?
1
2
3
4
5
6
7
8
9
10
11
$( "#j_verify" ).keyup( function () {
   $.post( "public/check_verify" , {
     code : $( "#j_verify" ).val()
     }, function (data) {
     if (data == true) {
       //验证码输入正确
     } else {
       //验证码输入错误
     }
   });
});

利用onekeyup。原理就不需要多讲了吧！ 。

这样我们就可以实现在提交用户名密码之前先进行一次验证码校验，之后表单提交之后再进行一次校验，提升用户体验啦！ 。

还没结束:

当我们采取以上形式实现验证码两次校验的时候，肯定会出现第一次异步校验成功，但是提交表单却提示验证码错误的情况！其实原因还是出在Thinkphp的Verify.class.php上:

以下是该类初始的config配置:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
protected $config =  array (
     'seKey'   => 'ThinkPHP.CN' ,  // 验证码加密密钥
     'codeSet'  => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY' ,       // 验证码字符集合
     'expire'  => 1800,      // 验证码过期时间（s）
     'useZh'   => false,      // 使用中文验证码
     'zhSet'   => '……此处不粘贴了，太多了！' ,       // 中文验证码字符串
     'useImgBg' => false,      // 使用背景图片
     'fontSize' => 25,       // 验证码字体大小(px)
     'useCurve' => false,      // 是否画混淆曲线
     'useNoise' => false,      // 是否添加杂点 
     'imageH'  => 0,        // 验证码图片高度
     'imageW'  => 0,        // 验证码图片宽度
     'length'  => 5,        // 验证码位数
     'fontttf'  => '' ,       // 验证码字体，不设置随机获取
     'bg'    => array (243, 251, 254), // 背景颜色
     'reset'   => true,      // 验证成功后是否重置
     );

请大家注意最后一个属性reset 表示的是验证成功后是否重置验证码。相信大家都明白了吧，我们进行第一次校验通过之后，其实该验证码已经失效了，只不过因为我们采取的是异步校验，页面并没有刷新，导致了第二次申请校验的时候和系统产生的已经是不相同的了。所以如果大家喜欢这种两次校验的风格，可以考虑将reset配置为false即可.

好了，基于Thinkphp3.2.3的验证码问题今天就总结到这了。只是大概说了一下实现方法，具体内容还请大家参考TP官方手册。如有错误之处，欢迎大家指出.

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我.

原文链接：http://www.cnblogs.com/John727/p/4510539.html 。

最后此篇关于详解ThinkPHP3.2.3验证码显示、刷新、校验的文章就讲到这里了,如果你想了解更多关于详解ThinkPHP3.2.3验证码显示、刷新、校验的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

28 4 0
文章推荐： js基于qrcode.js生成二维码的方法【附demo插件源码下载】
文章推荐： 使用 iisweb.vbs 删除网站的方法(支持批量删除)
文章推荐： php常用数组函数实例小结
文章推荐： 使用 iisweb.vbs start 启动网站的方法
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com