两种验证码验证实现，一种直接在form表单提交按钮实现验证，一种使用ajax传递参数实现验证：

1、直接在form表单提交按钮实现验证，在控制器VerifyController.class.php中写入如下代码：

namespace Home\Controller;

use Think\Controller;

class VerifyController extends Controller {

    public function index() {

        $this->display();

    }

    public function checkLogin() {

        $verify=new \Think\Verify();

        $code=I('post.verify');//表单验证码

        if($verify->check($code)){

            $this->success('验证码正确');

        }else{

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

        }

    }

    public function verify()

    {

        // 实例化Verify对象

        $verify = new \Think\Verify();

        // 配置验证码参数

        $verify->fontSize = 14;     // 验证码字体大小

        $verify->length = 4;        // 验证码位数

        $verify->imageH = 34;       // 验证码高度

        $verify->useImgBg = true;   // 开启验证码背景

        $verify->useNoise = false;  // 关闭验证码干扰杂点

        $verify->entry();

    }

}

在视图Verify/index.html中的代码如下：

<!DOCTYPE html>

<html>

    <head>

        <title></title>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    </head>

    <body>

        <form action="{:U('verify/checkLogin')}" method="post">

            <div class="form-group has-feedback">

                <input type="text" name="verify" id="verify" placeholder="验证码" style="width:100px;" />

                <span style="right:120px;"></span>

                <img class="verify" src="{:U(verify)}" alt="验证码" onClick="this.src=this.src+'?'+Math.random()" />

            </div>

                <div class="col-xs-4">

                    <button type="submit" >验证</button>

                </div>

        </form>

    </body>

</html>

2、使用ajax传递参数实现验证，在控制器VerifyController.class.php中的代码如下：

namespace Home\Controller;

use Think\Controller;

class VerifyController extends Controller {

    public function index() {

        $this->display();

    }

    public function checkLogin() {

        $verify=new \Think\Verify();

        $code=$_POST['code'];//ajax验证码获取

        if($verify->check($code)){

            $this->ajaxReturn(1);

        }else{

            $this->ajaxReturn(0);

        }

    }

    public function verify()

    {

        // 实例化Verify对象

        $verify = new \Think\Verify();

        // 配置验证码参数

        $verify->fontSize = 14;     // 验证码字体大小

        $verify->length = 4;        // 验证码位数

        $verify->imageH = 34;       // 验证码高度

        $verify->useImgBg = true;   // 开启验证码背景

        $verify->useNoise = false;  // 关闭验证码干扰杂点

        $verify->entry();

    }

}

视图Verify/index.html中的代码如下：

<!DOCTYPE html>

<html>

    <head>

        <title></title>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script src="__JS__/jquery-2.1.0.min.js" ></script>

    </head>

    <body>

        <form action="{:U('verify/checkLogin')}" method="post">

            <div class="form-group has-feedback">

                <input type="text" name="verify" id="verify" placeholder="验证码" style="width:100px;" />

                <span style="right:120px;"></span>

                <img class="verify" src="{:U(verify)}" alt="验证码" onClick="this.src=this.src+'?'+Math.random()" />

            </div>

                <div class="col-xs-4">

                    <button type="button" id="ver">验证</button>

                </div>

        </form>

        <script>

            $(document).ready(function(){

                /*ajax验证码*/

                $("#ver").click(function(){

                   var code=$("#verify").val();//获取输入验证码

                   var url=$('form').attr('action');//获取表单action的值

                   $.ajax({

                       type:"post",

                       url:url,

                       data:{"code":code},

                       error:function(request){

                           alert("ajax错误");

                       },

                       success:function(data){

                           if(data){

                               alert("正确")

                           }else{

                               alert('错误')

                           }

                       }

                   });

                });

            });

        </script>

    </body>

</html>

在第2种方法，不要忘记下载jquery.min.js文件下载地址：http://www.jq22.com/jquery-info122

在配置文件Common/conf/config.php中配置地址：

return array(

    /*地址替换*/

    'TMPL_PARSE_STRING'=>array(

        '__JS__'=>__ROOT__.'/Public/JS',

    ),

);

thinkphp验证码的实现的更多相关文章

  1. ThinkPHP验证码类

    //ThinkPHP验证码类使用$config = array( 'fontSize' => 30, // 验证码字体大小 'length' => 3, // 验证码位数 'useNois ...

  2. thinkphp验证码（总结之后，效率非常好）

    thinkphp验证码(总结之后,效率非常好) 一.总结 1.总结:总结之后,效率非常好,复习的时候也才方便,也能深入到细处,非常方便建立熟悉感和突破使用困境 2.验证码使用中文集或者繁体集设置:这个 ...

  3. thinkphp验证码不现实多半是bom惹的祸

    thinkphp 验证码不现实多半是bom惹的祸,下面是驱除bom的代码: 链接:https://pan.baidu.com/s/1v5gm7n0L7TGyejCmQrMh2g 提取码:x2p5 免费 ...

  4. ThInkPHP验证码不显示，解决方法汇总

    出现ThInkPHP验证码不显示的情况 官方提示如下:如果无法显示验证码,请检查:① PHP是否已经安装GD库支持:② 输出之前是否有任何的输出(尤其是UTF8的BOM头信息输出):(打开验证码文件为 ...

  5. thinkphp验证码

    thinkphp自带验证码 前端页面: <div style="position:absolute;z-index:3;top:160px;left:180px;"> ...

  6. Thinkphp验证码异步验证第二次及以后验证，验证错误----待解决

    今天进行差错时遇到的问题.别人的回答----链接(http://www.thinkphp.cn/topic/28968.html) 3.2.3版本里的check方法会在第一次验证正确后清除SESSIO ...

  7. thinkphp验证码使用

    在thinkphp中使用验证码很容易,只要调用thinkphp现有的方法就可以.当然,php的GD库肯定是要开的(就是在php.ini中要加载gd模块). thinkphp 3.1 --------- ...

  8. thinkphp 验证码的使用

    在thinkphp中使用验证码很容易,只要调用thinkphp现有的方法就可以.当然,php的GD库肯定是要开的(就是在php.ini中要加载gd模块). thinkphp 3.2 --------- ...

  9. Thinkphp 验证码、文件上传

    一.验证码 验证码参数 例题:登录时验证下验证码 LoginController.class.php <?php namespace Home\Controller; use Think\Con ...

  10. thinkphp验证码的使用

    thinkphp不仅封装了验证规则 还封装了验证码 文件的位置是ThinkPHP\Library\Think\Verify.class.php 下面简单的说一下如何使用 我们现在控制器里新建一个方法 ...

随机推荐

  1. zookeeper使用场景【转】

    分布式网站架构后续:zookeeper技术浅析   Zookeeper是hadoop的一个子项目,虽然源自hadoop,但是我发现zookeeper脱离hadoop的范畴开发分布式框架的运用越来越多. ...

  2. Andropid自己定义组件-坐标具体解释

    在做一个view背景特效的时候被坐标的各个获取方法搞晕了,几篇抄来抄去的博客也没弄非常清楚. 如今把整个总结一下. 事实上仅仅要把以下这张图看明确就没问题了. watermark/2/text/aHR ...

  3. js源码保护

    js的不可读化处理分为三个方面:压缩(compression).混淆(obfuscation) 和加密(encryption). (不可读化处理,这是我自己发明的术语,一切会增加代码不可读性的代码转换 ...

  4. PHP为fopen,file_get_contents等函数请求web地址时增加Http头的方法

    我们在使用fsockopen时可以方便的自定义自己请求的http头内容来访问某些对客户端请求头有特殊限制的网站,但是使用fopen,file_get_contents等函数请求web地址时怎么来灵活定 ...

  5. SQL Abstraction and Object Hydration

    SQL Abstraction and Object Hydration In the last chapter, we introduced database abstraction and a n ...

  6. 聊聊Iconfont

    一.前言 说起Iconfont,对大多数人来说可能不是什么新的技术了,现在好多大网站已经开始使用Iconfont.博主今天主要是简单说一下它的使用方法,聊聊使用它时可能遇到哪些坑,不熟悉的同学可以简要 ...

  7. 在Objective-C声明Block的几种方式

    1.作为局部变量 returnType (^blockName)(parameterTypes) = ^returnType(parameters) {...}; 2.作为类的属性 @property ...

  8. JavaScript学习总结二(Date对象的用法)

    javascript Date对象的常用API 1:创建日期 Date 对象用于处理日期和时间. 可以通过 new 关键词来定义 Date 对象.以下代码定义了名为 myDate 的 Date 对象: ...

  9. 让ubuntu开启ssh服务以及让vi/vim正常使用方向键与退格键

    VIM 修复方法: 安装vim full版本,在full版本下键盘正常,安装好后同样使用vi命令.ubuntu预装的是vim tiny版本,而需要的是vim full版本.执行下面的语句安装vim f ...

  10. 【字符串排序，技巧！】UVa 10905 - Children’s Game

    There are lots of number games for children. These games are pretty easy to play but not so easy to ...