两种验证码验证实现，一种直接在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系统Google Maps开发实例浅析

    Google Map(谷歌地图)是Google公司提供的电子地图服务.包括了三种视图:矢量地图.卫星图片.地形地图.对于Android系统来说,可以利用Google提供的地图服务来开发自己的一些应用. ...

  2. [RxJS] AsyncSubject

    AsyncSubject emit the last value of a sequence only if the sequence completed. This value is then ca ...

  3. Golang－interface（四 反射）

    github:https://github.com/ZhangzheBJUT/blog/blob/master/reflect.md 一 反射的规则 反射是程序执行时检查其所拥有的结构.尤其是类型的一 ...

  4. Forms and actions

    Forms and actions Adding new albums We can now code up the functionality to add new albums. There ar ...

  5. c++内联函数与静态函数

    不能是虚函数的成员函数有:静态成员函数,内联成员函数,构造函数.没有什么函数需要硬性规定为虚函数,一般析构函数会被定义为虚函数其他就是在继承类中可能需要override的类成员函数应该定义为虚函数 h ...

  6. 我的开发框架(WinForm)

    近来,看园子里,好多同学,展示自己工作中的开发框架,有的功能强大,有的短小精悍,我也来凑个热闹,望各位大侠指点一二. 一.指导思想 1.尽量减少程序员对数据库的依赖,或者说尽力少的写sql 语句.根据 ...

  7. java学习，从一个字符串中统计同一类型出现的次数

    1.从字符串“AS345asdzf*())sddsWE”中统计大写字母.小写字母.其他类型的出现的次数 String s="AS345asdzf*())sddsWE"; int l ...

  8. 程序员你该学学如何设计PPT了，设计PPT的几大原则

    写代码也要读书,爱全栈,更爱生活.每日更新原创IT编程技术及日常实用视频. 我们的目标是:玩得转服务器Web开发,搞得懂移动端,电脑客户端更是不在话下. 大量的汇报及介绍工作,都离不开一个辅助工具-P ...

  9. 聊聊css盒子模型

    css盒子模型原理: 在网页设计中常听的属性名:内容(content).填充/内边距(padding).边框(border).外边距(margin), CSS盒子模式都具备这些属性. 这些属性我们可以 ...

  10. Less入门学习总结

    一.什么是Less   css的Less好比是js的Jquery,可以让人们更方遍快捷的使用css,使css代码更简洁,可以减少重复的代码,减少开发人员的工作量. Less CSS是一种动态样式语言, ...