今天来看一个小插件。

tp框架是怎么实现验证码的。

又到了我们千篇一律的时候了，首先呢，先做一个用来显示的html界面名为：zhuce.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>无标题文档</title>

<script src="__PUBLIC__/js/jquery-1.11.2.min.js"></script>

</head>

<body><!--form表单post方式传值-->

<form action="__ACTION__" method="post">

<!--文本框-->

<input type="text" name="yzm" />

<!--验证码图片-->

<img src="__CONTROLLER__/yzm" id="img" />

<div><input type="submit" value="验证" /></div>

</form>

</body>

</html>

接下来我们就要去后台写验证码的代码了，是不是很期待？

往哪里提交，就在哪里验证

<?php

namespace Home\Controller;

use Think\Controller;

class TestController extends Controller

{

        //验证码

        public function zhuce()

    {

        if(empty($_POST))

        {

            $this->show();

        }

        else

        {

            $verify = new \Think\Verify();

            var_dump($verify->check($_POST["yzm"]));        //check方法里面的第一个参数为用户输入的字符串；第二个参数为$id，标识。

            //这个地方可以用var_dump()方法输出一下进行检测验证码是否输入正确

        }

    }

    public function yzm()

    {

        $Verify = new \Think\Verify();

        $Verify->fontSize = 20;        //字体大小

        $Verify->length   = 3;        //显示字符数

        $Verify->fontttf = "5.ttf";            //定义字体

        //$Verify->useImgBg = true;         //定义背景图

        $Verify->useZh = true;         //启用中文验证码（必须引入中文字体文件）

        $Verify->fontttf = "simhei.ttf";    //显示的中文字体类型

        $Verify->entry();

    }

}

这里可以用不同的方法，给图片设置不同的样式

现在就可以显示验证码了：

我们再来做一下点击图片切换验证码，只用简单的jquery就可以。

zhuce.html页面的全部代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>无标题文档</title>

<script src="__PUBLIC__/js/jquery-1.11.2.min.js"></script>

</head>

<body><!--form表单post方式传值-->

<form action="__ACTION__" method="post">

<!--文本框-->

<input type="text" name="yzm" />

<!--验证码图片-->

<img src="__CONTROLLER__/yzm" id="img" />

<div><input type="submit" value="验证" /></div>

</form>

</body>

</html>

<script>

$(document).ready(function(e) {

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

        //因为考虑到浏览器的兼容问题，所以在这里造一个随机数，用随机数来实现点击图片切换。

        var a = Math.ceil(Math.random()*100);

        //传一个随机数参数，并无实质作用，只是为了能让浏览器实现点击切换

        $(this).attr("src","__CONTROLLER__/yzm/a/"+a+"");

        })

});

</script>

在这里一定要注意：兼容性问题。如果直接重新定义src的话有的浏览器是不支持的，所以我们要用随机数来实现。

OVER.   不难吧。^_^

tp框架实现验证码的更多相关文章

  1. tp框架为什么验证码加载不出来？----- ob_clean() 可解决

    在用tp做验证码时,代码逻辑都正确,但就是加载不出图片来,如何解决呢?在创建验证码之前加上 ob_clean(); public function haha(){ ob_clean(); $v = n ...

  2. TP框架设置验证码

    thinkphp框架有专门的的验证码生成的模块 public function shengcheng(){ $n = new \Think\Verify(); $n->entry(); } 下面 ...

  3. tp框架之验证码

    控制器 function yzm() { /*$config = array( 'fontSize' => 30, // 验证码字体大小 'length' => 4, // 验证码位数 ' ...

  4. tp框架实现验证码验证

    //实现验证页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...

  5. 6月19 使用tp框架生成验证码及文件上传

    ThinkPHP中自带能生成验证码的类:ThinkPHP/Library/Think/Verify.class.php 默认情况下,验证码的字体是随机使用 ThinkPHP/Library/Think ...

  6. 第一零二天上课 PHP TP框架 引入文件路径问题和调用验证码的方式

    外部文件引入到视图模板的方式       1,将外部文件放在Public文件夹下,用load标签引入       2,在模板出书写引入代码(方法有很多,只有以下方法不容易出问题) <load h ...

  7. PHP--TP框架----生成验证码的方式

    TP框架----生成验证码的方式 xianshi.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN& ...

  8. tp框架-------验证码

    验证码我们一般很常见,在注册或登录时,都可以用的到,下面我们就来看看它的代码和用法 加验证码是为了防止表单攻击的一种方式,为了我们的程序更加的安全 在tp框架中它自带了一个验证码的类,我们先来看一下 ...

  9. tp框架 验证码的应用注意事项

    1如何点击更换二维码 二维码是img标签的src访问生成二维码的方法.绑定点击事件,ajax的get方式请求生成二维码的函数.在U函数后面加上任意不重复的参数 如  ?rand=’+math.rand ...

随机推荐

  1. 【转】MipMap

    原文地址http://www.cppblog.com/wc250en007/archive/2011/08/06/152653.html 首先从MIPMAP的原理说起,它是把一张贴图按照2的倍数进行缩 ...

  2. 实用篇！Asp.Net数据传输压缩

    一.业务场景 公司关键业务模块之一考试系统试卷内容加载缓慢.加载失败,前方人员哀声四起,客户投诉,各种爆炸! 二.问题分析 1.试卷存储采用文本文件方式存储 引发问题:并发情况下IO频繁,造成过多的线 ...

  3. svn服务器地址变换以后，mac下的处理方法

    svn服务器地址变换之后,mac下的处理方法 svn服务器地址变换之后,mac下的处理方法 1.进入终端,进入项目所在的文件夹下: cd 项目位置/ 2.查看svn信息 svn info 3.输出结果 ...

  4. Java防止SQL注入（转）

    一.SQL注入简介 SQL注入是比较常见的网络攻击方式之一,它不是利用操作系统的BUG来实现攻击,而是针对程序员编程时的疏忽,通过SQL语句,实现无帐号登录,甚至篡改数据库. 二.SQL注入攻击的总体 ...

  5. 用Redis实现分布式锁

    Redis有一系列的命令,特点是以NX结尾,NX是Not eXists的缩写,如SETNX命令就应该理解为:SET if Not eXists.这系列的命令非常有用,这里讲使用SETNX来实现分布式锁 ...

  6. WebService的使用

    转载至http://blog.csdn.net/yexuanbaby/article/details/9029605/ 第一次选择WebService,是为了替代数据库远程连接.我们都知道当SQL允许 ...

  7. django创建新项目anministrator问题

    1.app中models的class可以通过migrations命令生成相应的数据表 2.此时并未写入数据库,migrate命令可以把相应的改动更新到数据库中 3.createsuperuser命令创 ...

  8. 在QtCreator中使用doxygen

    接触Doxygen后,认识到其强大之处,一口气将之前的烂代码重构了一遍,所有的文件头,函数注释等等都是手动添加注释.在keil中可以看到其对JavaDoc风格的注释有高亮,非常好看.但是keil这个I ...

  9. 【09-26】hibernate学习笔记

    主键生成策略 @Id //根据底层数据库决定,mysql-->auto_increment @GeneratedValue(strategy=GenerationType.AUTO) //使用数 ...

  10. 在Android中Intent的概念及应用(一)——显示Intent和隐式Intent

    Intent寻找目标组件的两种方式: 显式Intent:通过指定Intent组件名称来实现的,它一般用在知道目标组件名称的前提下,一般是在相同的应用程序内部实现的. 隐式Intent:通过Intent ...