两种验证码验证实现，一种直接在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来去电通话自动录音的方法

    我们在使用Android手机打电话时,有时可能会需要对来去电通话自动录音,本文就详细讲解实现Android来去电通话自动录音的方法,大家按照文中的方法编写程序就可以完成此功能. 来去电自动录音的关键在 ...

  2. com.classpath.www

    package com.classpath.www; import java.io.File; import java.net.URL; import javax.servlet.ServletCon ...

  3. 查看MAC系统JRE和JDK版本

    经常有些软件有JRE或者JDK的版本要求,但怎么查询MAC上现在的JRE或JDK的版本呢?很简单,用这两个命令 这个是查询JRE的版本: $ java -version java version &q ...

  4. Apache的RewriteRule规则详细介绍

    R[=code](force redirect) 强制外部重定向 (rkyW z强制在替代字符串加上http://thishost[:thisport]/前缀重定向到外部的URL.如果code不指定, ...

  5. 【大坑】DataGridView多线程更新修改Cell单元格卡死

    最新发现是Column的AutoSizeMode设置为AllCell调整宽度而造成的卡顿,还有就是在现在里面使用Invoke用匿名函数闭包的形式访问For循环的i变量值会不正确导致找不到索引而造成卡顿 ...

  6. h5拖放-ff的bug

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  7. [Doc ID 433386.1]JSP Pages Hanging in R12 After Removing Cached Class Files in _pages

    In this Document   Symptoms   Changes   Cause   Solution   References Applies to: Oracle Application ...

  8. 关于SWT中的Combo类和List类

    Combo类的谱系图: 一个Combo类的实例: Combo1.java public class Combo1 { public static void main(String[] args) { ...

  9. 【原】NGUI中的UIAnchor脚本功能

    UIAnchor的功能是把对象锚定在屏幕的边缘(左上,左中,左下,上,中,下,右上,右中,右下),或缩放物体使其匹配屏幕的尺寸. 在1.90版本后,拉长(缩放)的功能被放到UIStretch中,UIA ...

  10. 【转】BUG敏感度的培养

    在我们刚踏入软件测试行业时,不管你是专业的.非专业的,培训出来的还是未培训的.刚进公司时你看着身边的同时报的Bug很多并且大都是严重程度高,自己也很想提高一下,想要提高自己的bug敏感度,建议从下面几 ...