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 相关文章推荐
我的论坛源代码(四)
Oct 09 PHP
PHP base64+gzinflate压缩编码和解码代码
Oct 03 PHP
PHP 编写的 25个游戏脚本
May 11 PHP
用php实现的获取网页中的图片并保存到本地的代码
Jan 05 PHP
处理php自动反斜杠的函数代码
Jan 05 PHP
php tp验证表单与自动填充函数代码
Feb 22 PHP
教你如何用php实现LOL数据远程获取
Jun 10 PHP
PHP实现生成透明背景的PNG缩略图函数分享
Jul 08 PHP
详解php比较操作符的安全问题
Dec 03 PHP
php实现微信发红包
Dec 05 PHP
PHP和MySql中32位和64位的整形范围是多少
Feb 18 PHP
WordPress过滤垃圾评论的几种主要方法小结
Jul 11 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
phpMyAdmin出现无法载入 mcrypt 扩展,请检查PHP配置的解决方法
2012/03/26 PHP
改写函数实现PHP二维/三维数组转字符串
2013/09/13 PHP
ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码
2014/06/23 PHP
php读取目录及子目录下所有文件名的方法
2014/10/20 PHP
php计算两个坐标(经度,纬度)之间距离的方法
2015/04/17 PHP
php的常量和变量实例详解
2017/06/27 PHP
javascript文本模板用法实例
2015/07/31 Javascript
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
2016/09/04 Javascript
基于JS实现checkbox全选功能实例代码
2016/10/31 Javascript
利用D3.js实现最简单的柱状图示例代码
2016/12/09 Javascript
canvas实现绘制吃豆鱼效果
2017/01/12 Javascript
Javascript 实现匿名递归的实例代码
2017/05/25 Javascript
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
2017/07/31 Javascript
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
2018/07/13 Javascript
vue实现Input输入框模糊查询方法
2021/01/29 Javascript
jQuery操作元素追加内容示例
2020/01/10 jQuery
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
Vue项目开发常见问题和解决方案总结
2020/09/11 Javascript
[42:50]NB vs VP 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python复制与引用用法分析
2015/04/08 Python
Python字典操作简明总结
2015/04/13 Python
Python 多线程不加锁分块读取文件的方法
2018/12/11 Python
python获取txt文件词向量过程详解
2019/07/05 Python
Pytest参数化parametrize使用代码实例
2020/02/22 Python
PyQt中使用QtSql连接MySql数据库的方法
2020/07/28 Python
python动态规划算法实例详解
2020/11/22 Python
css3 响应式媒体查询的示例代码
2019/09/25 HTML / CSS
详解HTML5 canvas绘图基本使用方法
2018/01/29 HTML / CSS
html5 div布局与table布局详解
2016/11/16 HTML / CSS
创业计划书的内容步骤和要领
2014/01/04 职场文书
超市促销活动方案
2014/03/05 职场文书
公司委托书范本5篇
2014/09/20 职场文书
一年级语文教学随笔
2015/08/14 职场文书
Python实现仓库管理系统
2022/05/30 Python