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


Posted in PHP onFebruary 16, 2016

再介绍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
如果一切正常,显示验证码如下所示:

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

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

<input type="text" name="verify">
<img id="verifyImg" src="-Article-verify" onClick="changeVerify()" title="点击刷新验证码" />

src 属性值即为验证码方法访问地址,视实际情况不同而不同。
验证码刷新
当点击验证码图片时,触发 JavaScript changeVerify() 函数重新读取验证码,从而实现验证码刷新。该函数参考如下:

<script language="JavaScript">
function changeVerify(){
 var timenow = new Date().getTime();
 document.getElementById('verifyImg').src='-Article/verify/'+timenow; 
}
</script>

验证码验证
在调用验证码 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属性指向

<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里验证,返回一次检验结果。然后再依据返回结果确定是否要提交表单,但是在验证码通过第一次的校验后,第二次的就不可以了,目前还没想明白原因。

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

PHP 相关文章推荐
php下将XML转换为数组
Jan 01 PHP
php 处理上百万条的数据库如何提高处理查询速度
Feb 08 PHP
php下连接ftp实现文件的上传、下载、删除文件实例代码
Jun 03 PHP
PHP 时间日期操作实战
Aug 26 PHP
提示Trying to clone an uncloneable object of class Imagic的解决
Oct 27 PHP
PHP开发微信支付的代码分享
May 25 PHP
php面向对象与面向过程两种方法给图片添加文字水印
Aug 26 PHP
PHP Header用于页面跳转时的几个注意事项
Oct 21 PHP
php readfile()修改文件上传大小设置
Aug 11 PHP
PHP使用Redis实现防止大并发下二次写入的方法
Oct 09 PHP
Laravel中使用Queue的最基本操作教程
Dec 27 PHP
laravel利用中间件做防非法登录和权限控制示例
Oct 21 PHP
PHP模拟post提交数据方法汇总
Feb 16 #PHP
使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
Feb 16 #PHP
PHP的Yii框架入门使用教程
Feb 15 #PHP
在Mac OS的PHP环境下安装配置MemCache的全过程解析
Feb 15 #PHP
ThinkPHP设置禁止百度等搜索引擎转码(简单实用)
Feb 15 #PHP
ECshop 迁移到 PHP7版本时遇到的兼容性问题
Feb 15 #PHP
PHP扩展迁移为PHP7扩展兼容性问题记录
Feb 15 #PHP
You might like
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
些很实用且必用的小脚本代码
2006/06/26 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
2011/09/21 Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
2012/02/27 Javascript
JS批量修改PS中图层名称的方法
2014/01/26 Javascript
把Node.js程序加入服务实现随机启动
2015/06/25 Javascript
如何屏蔽防止别的网站嵌入框架代码
2015/08/24 Javascript
jquery实现页面常用的返回顶部效果
2016/03/04 Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
2016/08/08 Javascript
JS仿hao123导航页面图片轮播效果
2016/09/01 Javascript
AngularJs基于角色的前端访问控制的实现
2016/11/07 Javascript
javascript实现无法关闭的弹框
2016/11/27 Javascript
jQuery+HTML5实现弹出创意搜索框层
2016/12/29 Javascript
Angular组件化管理实现方法分析
2017/03/17 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
2017/03/23 jQuery
浅析webpack 如何优雅的使用tree-shaking(摇树优化)
2017/08/16 Javascript
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
python实现代码行数统计示例分享
2014/02/10 Python
python time模块用法实例详解
2014/09/11 Python
Python中使用socket发送HTTP请求数据接收不完整问题解决方法
2015/02/04 Python
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
Python出现segfault错误解决方法
2016/04/16 Python
python 系统调用的实例详解
2017/07/11 Python
python使用pygame模块实现坦克大战游戏
2020/03/25 Python
python for循环remove同一个list过程解析
2019/08/14 Python
在python image 中安装中文字体的实现方法
2019/08/22 Python
Python turtle库绘制菱形的3种方式小结
2019/11/23 Python
django3.02模板中的超链接配置实例代码
2020/02/04 Python
如何使用pycharm连接Databricks的步骤详解
2020/09/23 Python
Columbia美国官网:美国著名的户外服装品牌
2016/11/24 全球购物
岗位标兵事迹材料
2014/05/17 职场文书
安全承诺书格式
2014/05/21 职场文书
父亲节寄语大全
2015/02/27 职场文书
婚前保证书范文
2015/02/28 职场文书
MySQL系列之二 多实例配置
2021/07/02 MySQL
Android开发手册自定义Switch开关按钮控件
2022/06/10 Java/Android