本人小菜鸟一仅仅。为了自我学习和交流PHP(jquery,linux,lamp,shell,javascript,server)等一系列的知识。小菜鸟创建了一个群。希望光临本博客的人能够进来交流。寻求共同发展。搭建平台。

本人博客也有很多的技术文档,希望能够为你提供一些帮助。



QQ群:   191848169               QQ:450225664



背景:之前说的自己做的项目。偷懒登录模块没加验证码,想了想还是加上,找了下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属性来完毕,请求的处理函数一样。仅仅是在请求后加一个随机数,差别上一张图片的请求)

  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里验证,返回一次检验结果。然后再根据返回结果确定是否要提交表单,可是在验证码通过第一次的校验后。第二次它不能够做到这一点,现在不想要一个明确的原因。

版权声明:本文博客原创文章,博客,未经同意,不得转载。

thinkphp3.2 代码生成并点击验证码的更多相关文章

  1. clicaptcha中文点击验证码开发经验总结

    现在的验证码真是越来越高级了,12306 的找图验证码,极验的拖动式验证码,还有国外的一些黑科技,能智能判断你是不是机器人的验证码. 验证码的更新迭代让我突然对传统验证码一下子不满足了,出于挑战自我和 ...

  2. 验证码在后台的编写,并实现点击验证码图片时时发生更新 C# 项目发布到IIS后不能用log4net写日志

    验证码在后台的编写,并实现点击验证码图片时时发生更新   验证码在软件中的地位越来越重要,有效防止这种问题对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试:下面就是实现验证码的基本步骤: ...

  3. JS 点击验证码刷新

    <img src="/get_valid_img" id="valid-img" title="点击再换一张" class=" ...

  4. 点击验证码刷新(tp3.1)--超简单

    省略js点击刷新验证码,虽然看不懂 <img src='http://localhost/app/index.php/Index/verify/'  onclick='this.src=this ...

  5. java登录点击验证码图片切换验证码无效

    1.问题:我在写一个登录时需要添加一个验证码的功能,但是第一次可以生成验证码,但是点击的时候无法发起请求. 2.解决方案:在请求地址后面加一个时间戳,保证每次请求都不一样就可以了! window.on ...

  6. Flask 验证码 点击验证码刷新

    ---恢复内容开始--- import random import string # Image:一个画布 # ImageDraw:一个画笔 # ImageFont:画笔的字体 # pip insta ...

  7. yii2.0 点击验证码图片不刷新

    修改vender\yiisoft\yii2\captcha\CaptchaAction下的run方法 public function run(){ if (Yii::$app->request- ...

  8. WPF做12306验证码点击效果

    一.效果 和12306是一样的,运行一张图上点击多个位置,横线以上和左边框还有有边框位置不允许点击,点击按钮输出坐标集合,也就是12306登陆的时候,需要向后台传递的参数. 二.实现思路 1.获取验证 ...

  9. J2EE如何生成验证码图片和点击刷新验证码

    验证码图片生成步骤 创建BufferedImage对象. 获取BufferedImage的画笔,即调用getGraphics()方法获取Graphics对象. 调用Graphics对象的setColo ...

随机推荐

  1. WP开发使用BingMaps地图服务

    原文:WP开发使用BingMaps地图服务 WP8使用BingMaps地图在 SOAP服务如何计算路径 首先需要用到3个服务 1.GeoCode服务-转换地址到地理的经纬度(WebServices地址 ...

  2. pygame系列_小球完全弹性碰撞游戏

    之前做了一个基于python的tkinter的小球完全碰撞游戏: 今天利用业余时间,写了一个功能要强大一些的小球完全碰撞游戏: 游戏名称: 小球完全弹性碰撞游戏规则: 1.游戏初始化的时候,有5个不同 ...

  3. What the difference between rebuild index and re-organize index?

    avg_fragmentation_in_percent value Corrective statement > 5% and < = 30% ALTER INDEX REORGANIZ ...

  4. C++ Primer笔记10_运算符重载_赋值运算符_进入/输出操作符

    1.颂值运营商 首先来福值运算符引入后面要说的运算符重载.上一节说了构造函数.拷贝构造函数:一个类要想进行更好的控制.须要定义自己的构造函数.拷贝构造函数.析构函数.当然,还有赋值运算符.常说的三大函 ...

  5. 简介支持向量机热门(认识SVM三位置)

    支持向量机通俗导论(理解SVM的三层境地) 作者:July .致谢:pluskid.白石.JerryLead.出处:结构之法算法之道blog. 前言 动笔写这个支持向量机(support vector ...

  6. SQL Server :理解数据记录结构

    原文:SQL Server :理解数据记录结构 在SQL Server :理解数据页结构我们提到每条记录都有7 bytes的系统行开销,那这个7 bytes行开销到底是一个什么样的结构,我们一起来看下 ...

  7. Red Gate系列之一 SQL Compare 10.4.8.87 Edition 数据库比较工具 完全破解+使用教程

    原文:Red Gate系列之一 SQL Compare 10.4.8.87 Edition 数据库比较工具 完全破解+使用教程 Red Gate系列之一 SQL Compare 10.4.8.87 E ...

  8. React Native环境配置

    React Native环境配置 史上最全Windows版本搭建安装React Native环境配置 配置过React Native 环境的都知道,在Windows React Native环境配置有 ...

  9. Java 并发专题 :闭锁 CountDownLatch 之一家人一起吃个饭

    最近一直整并发这块东西,顺便写点Java并发的例子,给大家做个分享,也强化下自己记忆. 每天起早贪黑的上班,父母每天也要上班,话说今天定了个饭店,一家人一起吃个饭,通知大家下班去饭店集合.假设:3个人 ...

  10. UVa 825 - Walking on the Safe Side

    题目:在一个N*M的网格中,从左上角走到右下角,有一些点不能经过,求最短路的条数. 分析:dp,帕斯卡三角.每一个点最短的就是走N条向下,M条向右的路. 到达每一个点的路径条数为左边和上面的路径之和. ...