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

本文详细介绍了ThinkPHP3.2中验证码的使用方法,包括生成、刷新和验证过程。首先,讲解了如何导入并使用内置的Image类库创建验证码,然后展示了如何在表单中展示和刷新验证码。接着,提供了验证码验证的代码示例,并分析了验证码不显示的常见问题。最后,给出了ThinkPHP3.2中生成复杂验证码和中文验证码的参考。此外,还分享了一个关于验证码校验后无法再次验证的问题,但未给出解决方案。
摘要由CSDN通过智能技术生成

再介绍thinkphp3.2验证码的使用方法之前,先为大家详细介绍ThinkPHP 验证码,具体内容如下

ThinkPHP 内置了验证码的支持,可以直接使用。要使用验证码,需要导入扩展类库中的 ORG.Util.Image 类库和 ORG.Util.String 类库。

验证码方法我们通过在在模块类中增加一个 verify 方法来用于显示验证码,最简单的例子:

Public function verify(){

// 导入Image类库

import("ORG.Util.Image");

Image::buildImageVerify();

}

import 方法是 ThinkPHP 内置的类库和文件导入方法,上例导入的文件为 ThinkPHP 系统目录下 Lib/ORG/Util/Image.class.php 文件。如果已经将 Image 类库拷贝到了当前项目下,如 Lib/ORG 下,则可以以:

import("@.Util.Image");

import 方法是 ThinkPHP 内置的类库和文件导入方法,上例导入的文件为 ThinkPHP 系统目录下 Lib/ORG/Util/Image.class.php 文件。

访问验证码

可以直接在浏览器里访问该验证码方法以确定验证码是否能正常显示:

http://127.0.0.1/index.php/Public/verify

如果一切正常,显示验证码如下所示:

c0519c5c116898ed8c402eafbe4570ae.png

表单中使用验证码

在表单页面中使用验证码,是以 html img标签 来调用:

-Article-verify

src 属性值即为验证码方法访问地址,视实际情况不同而不同。

验证码刷新

当点击验证码图片时,触发 JavaScript changeVerify() 函数重新读取验证码,从而实现验证码刷新。该函数参考如下:

function changeVerify(){

var timenow = new Date().getTime();

document.getElementById('verifyImg').src='-Article/verify/'+timenow;

}

验证码验证在调用验证码 verify 的时候,buildImageVerify 会记录本次验证码的 MD5 信息。在表单验证操作里,以如下方法来检查验证码是否正确:

if($_SESSION['verify'] != md5($_POST['verify'])) {

$this->error('验证码错误!');

}

其中 $_SESSION['verify'] 中的 verify 名称为 buildImageVerify 方法默认 SESSION 注册名称,具体见 buildImageVerify 语法。

上面例子演示了最简单的 ThinkPHP 验证码的使用方法。上面的例子验证码是 4 位数字,如果想使用更多风格的验证码以及中文验证码,参见本节其余部分内容:《ThinkPHP 使用不同风格及中文的验证码》。

验证码不显示原因如下发现无法显示验证码,可能的原因如下:

1、PHP 是否已经安装 GD 库支持。

2、输出之前是否有任何的输出(尤其是 UTF8 的 BOM 头信息输出)。

3、Image 类库是否正确导入。

4、如果是表单页面,请查看是否正确调用了验证码显示方法。

下面就为大家介绍 thinkphp3.2 验证码生成和点击刷新验证码的实现方法,具体内容如下

一、实例化生成验证码的类(该方法放到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属性指向

验证码

三、写完上面的后,页面初始化的验证码就可以出现了,下面要写的就是点击验证码图片后,刷新出新的验证码图片(通过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里验证,返回一次检验结果。然后再依据返回结果确定是否要提交表单,但是在验证码通过第一次的校验后,第二次的就不可以了,目前还没想明白原因。

这就是本文的全部内容,文章最后还有一个小小的疑问,希望大家可以想出解决办法,也希望本文对大家的学习有所帮助。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值