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

显示验证码

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

 1 <?php
 2 namespace Home\Controller;
 3
 4 use Think\Controller;
 5 use Think\Verify;
 6
 7 class PublicController extends Controller
 8 {
 9
10     /* 生成验证码 */
11     public function verify()
12     {
13         $config = [
14             ‘fontSize‘ => 19, // 验证码字体大小
15             ‘length‘ => 4, // 验证码位数
16             ‘imageH‘ => 34
17         ];
18         $Verify = new Verify($config);
19         $Verify->entry();
20     }
21
22     /* 验证码校验 */
23     public function check_verify($code, $id = ‘‘)
24     {
25         $verify = new \Think\Verify();
26         $res = $verify->check($code, $id);
27         $this->ajaxReturn($res, ‘json‘);
28     }
29 }
verify函数用于生成验证码,config是用来配置显示验证码的属性。该属性有哪些可配置项,可以查看Thinkphp/Library/Think/Verify.class.php文件,此处不再赘述。
check_verify函数用于校验验证码的正确性。模板post用户填写的验证码到该函数,返回$res==true验证通过false验证失败。前台模板页建立index.html
1 <div class="">
2 <label for="j_verify" class="t">验证码:</label> <input id="j_verify"
3 name="j_verify" type="text" class="form-control x164 in">
4 <img id="verify_img" alt="点击更换" title="点击更换"
5 src="{:U(‘public/verify‘,array())}" class="m">
6 </div>

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

到此验证码即可正常显示。

点击刷新验证码

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

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

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

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

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

异步校验验证码

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

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

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

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

还没结束:

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

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

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官方手册。如有错误之处,欢迎大家指出。

时间: 2024-11-05 16:32:48

ThinkPHP3.2.3验证码显示、刷新、校验的相关文章

关于 yii 验证码显示, 但点击不能刷新的处理

先说说 render 与 renderPartial, 各位看官, 先别走, 我没跑题, 这个问题如果需要解决, 关键就在 render 与 renderPartial 的区别. renderPartial() 方法 public string renderPartial(string $view, array $data=NULL, boolean $return=false, boolean $processOutput=false) $view string name of the vie

Django项目:CRM(客户关系管理系统)--49--40PerfectCRM实现全局账号注册+验证码+页面刷新保留信息

1 # gbacc_urls.py 2 # --------38PerfectCRM实现全局账号登录注销-------- 3 from django.conf.urls import url 4 from gbacc import gbacc_views 5 urlpatterns = [ 6 url(r'^gbacc_login/', gbacc_views.gbacc_login, name='gbacc_login'), # 全局登录 7 # LOGIN_URL = '/gbacc/gba

ExtJs4.2 登陆界面(点击验证码自动刷新,label实现click事件)

ExtJs4.2 登陆界面(点击验证码自动刷新,label实现click事件) 转载请注明:http://blog.csdn.net/qiuzhping/article/details/42596339 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <%@ page langu

逐渐显示刷新的网站公告效果

<html><head><title>逐渐显示刷新的网站公告效果</title><FCK:meta http-equiv="content-Type" content="text/html;charset=gb2312" /><body><!--把下面代码加到<body>与</body>之间-->网站公告:<a id="HotNews"

yii验证码Captcha使用以及为什么验证码不刷新问题

Web开发的过程中, 经常会用到验证码, 以防止机器人不断的提交数据, 造成网站的瘫痪. Yii里提供了一个验证码的插件, 就是Captcha. 第一步: 在项目中使用Captcha需要以下一些设置:在Controller里添加方法 actions public function actions () { return array ( 'captcha' => array ( 'class' => 'CCaptchaAction' , 'minLength' => 1 , 'maxLen

问题记录-java图片验证码显示乱码

部署机器 操作系统:centos 7 java版本: java version "1.7.0_80" 问题症状 将一个java web的程序部署到了两台配置相同的服务器上之后(服务器1.服务器2),程序都正常启动,当前端请求注册服务时,会向后台请求图片验证码,然而(服务器1)验证码出现了如图1所示的乱码问题,图二为(服务器2)正常的验证码显示. 图1 图2 问题探索 猜测1:java字符的编码问题 探索过程:将字符编码转换成utf-8编码,但是乱码问题没有得到解决 猜测2:服务器字体问

Thinkphp3.2.3验证码无法显示解决方法

方法1  public    function verify(){         ob_clean();//清除BOM信息         $Verify = new \Think\Verify();         $Verify->entry();     } 方法2 <?php   if (isset($_GET['dir'])){ //设置文件目录   $basedir=$_GET['dir'];   }else{   $basedir = '.';   }   $auto = 1;

在mvc中实现图片验证码的刷新

首先,在项目模型(Model)层中建立一个生成图片验证码的类ValidationCodeHelper,代码如下: public class ValidationCodeHelper { //用户存取验证码字符串 public string validationCode = String.Empty; Random ram = new Random(); Graphics g = null; int bgWidth = 0; int bgHeight = 0; public string Font

php:微信公众号token验证失败原因、验证码显示不出来的问题

ob_clean(); 问题描述: 用微信官方提供的demo验证token是成功的,但是放到自己网站的框架上进行token验证老是提示"token验证失败",经过检查(用生成日志的方式一步步检查的),地址,token信息,微信....等待账号信息是没有任何问题的. 解决方案: 最终在echo $_GET['echostr'];前添加了一句代码ob_clean();把问题搞定. 问题分析: 因为用的是框架,在echo $_GET['echostr'];之前可能有一些你不知道的输出到&qu