两种验证码验证实现，一种直接在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. android学习日记06--SurfaceView视图

    一.API关SurfaceView的介绍 SurfaceView是视图(View)的继承类,这个视图里内嵌了一个专门用于绘制的Surface.你可以控制这个Surface的格式和尺寸.Surfacev ...

  2. 信号之alarm和pause函数

    使用alarm函数可以设置一个计时器,在将来某个指定的时间,该计时器会超时.当计时器超时时,产生SIGALRM信号.如果不忽略或不捕捉此信号,则其默认动作是终止调用该alarm函数的进程. #incl ...

  3. java常用的包的简介

    java常用的包: java.lang:包含java语言的核心类,如String.math.system和thread类等,使用这个包下的类无需import导入,系统会自动导入这个包下的所有类.   ...

  4. org.hibernate.HibernateException: could not instantiate RegionFactory [org.hibernate.cache.impl.bridge.RegionFactoryCacheProviderBridge]

    org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'sessionFacto ...

  5. 手机页面rem布局

    手机页面设计一般的大小是640,但是,手机屏幕大小确实不确定的,这样,怎么才能做出适应所有手机的手机页面呢?一般的解决方案有两种,rem布局和百分比布局,更推荐用rem布局来制作手机页面. 首先,给页 ...

  6. 0x800a1391-Microsoft Jscript "JSON未定义"

    本人在进行调试代码是遇到以下问题: 在运行到var result = JSON.parse(data);这句时,报错:JSON未定义.如下图:

  7. iOS应用程序安全

    iOS应用程序安全http://pan.baidu.com/s/1hqDnmXe

  8. java.lang.SecurityException: Permission denied (missing INTERNET permission?) 解决

    Android app里试图用HttpUrlConnection获取网络连接,忘记在AndroidManifest清单文件里声明需要用到Internet的权限,运行时报此错误. 解决方法 在Andro ...

  9. 在.bashrc中，使用python获取本机IP地址(现在只支持wlan)

    其实最好的办法是写个单独的脚本去查找IP,但是如果实在不愿意单写一个脚本文件,也可以直接将代码嵌入.bashrc中 在~/.bashrc下加入下面这行代码即可使用python获取本机的wlan的IP地 ...

  10. 猪满满 购物APP

    猪满满是专注“省钱,赚钱”的购物App,使用自定义tabar分为四大类,分别是首页,超返,发现,我的. 首页:使用UItableview,自定义cell展示商品. 超返:自定义Button分为综合,返 ...