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

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

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

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

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

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

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

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值