今天来看一个小插件。

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. Brackets

    按下Ctrl + E("编辑")或退出编辑.Brackets将搜索项目下所有CSS文件 Ctrl/Cmd + Alt + P 打开即时预览功能 alt + command + O目 ...

  2. python 之 logging

    #coding=utf-8 import logging logging.basicConfig(level=logging.DEBUG, format='%(asctime)s %(filename ...

  3. 【JavaWeb】Spring+SpringMVC+MyBatis+SpringSecurity+EhCache+JCaptcha 完整Web基础框架（五）

    SpringSecurity(2) 好久没有写了,之前只写了一半,我是一边开发一边写Blog一边上班,所以真心没有那么多时间来维护Blog,项目已经开发到编写逻辑及页面部分了,框架基本上已经搭建好不会 ...

  4. IT这一行，如可高速下载国外资源之迅雷设置免费SSH代理下载国外资源

    本文转自SUN'S BLOG 原文地址:IT这一行,如可高速下载国外资源之迅雷 我们这些做IT这一行的人,经常,下载一些国外的一些资源,可是让人蛋碎的是,往往这些资源下载都慢的像蜗牛,真的让人无法忍受 ...

  5. [Java] ApplicationContext 辅助类

    我们经常需要获取各种 bean , 需要用到 context. 下面的类可以方便的使用 context , 获取 bean 等. import java.io.File; import java.ut ...

  6. yii2 开源插件与系统

    yii2干货集:https://github.com/forecho/awesome-yii2 商城 samdark/yii2-shop composer global require "f ...

  7. qt5中文代码编码编译问题

    qt中文代码用vs2010编译问题解决 总结说就是qt5默认UTF8不支持微软默认的ANSI(GB2312/GBK).解决办法是把中文字符串全部用 QString::fromLocal8Bit() 封 ...

  8. D3.js学习（二）

    上一节中我们已经画出了一个基本的图表,不过忘了给坐标轴添加标签了,所以在本节中我们要给坐标轴加上标签,目标效果如下 给X轴添加标签 很明显,标签是不是一个text内容块啊,所以我们只要在svg中添加一 ...

  9. Python - 类与对象的方法

    类与对象的方法

  10. Linux或Unix环境利用符号链接升级Maven

    1,解压Maven到安装目录,在解压目录同一级创建刚解压目录的符号链接,命令如下: ln -s apache-maven-3.3.9 apache-maven 2,配置环境变量,这里Maven主目录环 ...