thinkphp3.2 验证码生成和点击刷新验证码

背景:之前说的自己做的项目,偷懒登录模块没加验证码,想了想还是加上,找了下tp的文档,发现是有整合进去的,特记录下。

一、实例化生成验证码的类(该方法放到IndexController里面便于访问)

  1. /** 
  2.  *  
  3.  * 验证码生成 
  4.  */  
  5. public function verify_c(){  
  6.     $Verify = new \Think\Verify();  
  7.     $Verify->fontSize = 18;  
  8.     $Verify->length   = 4;  
  9.     $Verify->useNoise = false;  
  10.     $Verify->codeSet = ‘0123456789‘;  
  11.     $Verify->imageW = 130;  
  12.     $Verify->imageH = 50;  
  13.     //$Verify->expire = 600;  
  14.     $Verify->entry();  
  15. }  
二、前台需要生成验证码的图片src属性指向
  1. <p class="top15 captcha" id="captcha-container">  
  2.   <input name="verify" width="50%" height="50" class="captcha-text" placeholder="验证码" type="text">                  
  3.   <img width="30%" class="left15" height="50" alt="验证码" src="{:U(‘Home/Index/verify_c‘,array())}" title="点击刷新">  
  4. </p>  
三、写完上面的后,页面初始化的验证码就可以出现了,下面要写的就是点击验证码图片后,刷新出新的验证码图片(通过jquery修改图片的src属性来完成,请求的处理函数一样,只是在请求后加一个随机数,区别上一张图片的请求)
[javascript] view plaincopy
  1. // 验证码生成  
  2. var captcha_img = $(‘#captcha-container‘).find(‘img‘)  
  3. var verifyimg = captcha_img.attr("src");  
  4. captcha_img.attr(‘title‘‘点击刷新‘);  
  5. captcha_img.click(function(){  
  6.     if( verifyimg.indexOf(‘?‘)>0){  
  7.         $(this).attr("src", verifyimg+‘&random=‘+Math.random());  
  8.     }else{  
  9.         $(this).attr("src", verifyimg.replace(/\?.*$/,‘‘)+‘?‘+Math.random());  
  10.     }  
  11. });  
四、校验验证码输入是否正确

a.在common目录下的function.php里加入全局函数

  1. /** 
  2.  * 验证码检查 
  3.  */  
  4. function check_verify($code$id = ""){  
  5.     $verify = new \Think\Verify();  
  6.     return $verify->check($code$id);  
  7. }  
b.在表单提交的controller对应的处理方法里添加检查代码
  1. // 检查验证码  
  2. $verify = I(‘param.verify‘,‘‘);  
  3. if(!check_verify($verify)){  
  4.     $this->error("亲,验证码输错了哦!",$this->site_url,9);  
  5. }  
到此tp3.2验证码的使用就可以了。

补充:我在写的时候将四的b步骤放到一个ajax里验证,返回一次检验结果。然后再依据返回结果确定是否要提交表单,但是在验证码通过第一次的校验后,第二次的就不可以了,目前还没想明白原因。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。