两种验证码验证实现，一种直接在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. 华为的JAVA面试题及答案（部分）

    华为的JAVA面试题 (后记:没有想到华为的面试题就是非同一般,非常多题不是一眼就行看得出来,至少对我这种鸟来说是这样.对我个人来说,看看这种题,可能比看<Think In Java>都还 ...

  2. iOS开发——UI篇OC篇&SpriteKit详解

    SpriteKit详解 SpriteKit,iOS/Mac游戏制作的新纪元 这是我的WWDC2013系列笔记中的一篇,完整的笔记列表请参看这篇总览.本文仅作为个人记录使用,也欢迎在许可协议范围内转载或 ...

  3. Struts2 Action的访问路径

    1.     Action的访问路径 扩展名 缺省以.action结尾,请参考:default.properties文件,可以通过配置改变这一点: <constant name="st ...

  4. log_slave_updates在线修改

    http://planet.mysql.com/entry/?id=20450 mysql> show variables like 'log_slave_updates'; +-------- ...

  5. Android（java）学习笔记137：Android中SimpleAdapter，ArrayAdapter和BaseAdapter常见的适配器

    1.SimpleAdapter(BaseAdapter子类扩展类): simpleAdapter的扩展性最好,可以定义各种各样的布局出来,可以放上ImageView(图片)等.可以显示比较复杂的列表, ...

  6. nativescript环境搭建

    参考官网 http://docs.nativescript.org/setup/ns-cli-setup/ns-setup-win.html

  7. Greedy

    在现实世界中,有这样一类问题:它有n个输入,而它的解就由这n个输入的某个子集组成,不过这个子集必须满足某些事先给定的条件.把那些必须满足的条件称为约束条件:而把满足约束条件的子集称为该问题的可行解.问 ...

  8. Android开发了解——AAPT

    aapt即Android Asset Packaging Tool , 在SDK的build-tools目录下. 该工具可以查看, 创建, 更新ZIP格式的文档附件(zip, jar, apk). 也 ...

  9. js回调函数callback()

    <a id="btnSave" href="javascript:void(0)" class="easyui-linkbutton" ...

  10. 快递查询api(多接口方案)

    /** 本环境使用php+smarty,结合两种快递api调取快递数据 * 说明,先快递鸟调取数据,失败后再调取快递网的数据* 快递鸟 http://www.kdniao.com 快递网 http:/ ...