ThinkPHP5&5.1实现验证码的生成、使用及点击刷新功能示例

本文实例讲述了ThinkPHP5&5.1实现验证码的生成、使用及点击刷新功能。分享给大家供大家参考，具体如下：

验证码现在是用户登录、支付等很多环节的必备元素，ThinkPHP5&5.1给我们提供了验证码的生成方式，也是非常的简单，在这里写一个完整的验证码验证的使用方法，供大家参考。

前台用户在登录时候需要验证码验证才能登录。首先使用Composer安装think-captcha扩展包：

composer require topthink/think-captcha

在需要显示验证码的地方：

<tr>
 <th>请输入验证码：</th>
 <td>
  <input type="text" name="captcha" class="inp01"/>
  <img src="{:url('index/login/verify')}" alt="验证码加载中" id="captcha"/>
 </td>
</tr>

其中verify是生成验证码的方法：

public function verify()
{
  $config =  [
    // 验证码字体大小
    'fontSize'  =>  15,
    // 验证码位数
    'length'   =>  3,
    // 关闭验证码杂点
    'useNoise'  =>  false,
  ];
  $captcha = new \think\captcha\Captcha($config);
  return $captcha->entry();
}

其中$config是验证码的配置项，具体有哪些配置内容可以参考手册。

使用Ajax或者jquery-validate进行验证码的验证，也可以提交以后进行验证：

public function checkcapcha()
{
  $captcha = new \think\captcha\Captcha();
  if( !$captcha->check(input('post.captcha')))
  {
   return false;
  }else{
    return true;
  }
}

为了实现点击验证码刷新的功能，还要写js代码：

$("#captcha").click(function(event) {
  this.src = "{:url('index/login/verify')}?"+Math.random();
});

这样就实现了验证码的验证功能，是不是非常简单？

更多关于thinkPHP相关内容感兴趣的读者可查看本站专题：《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

赞 (0)

相关推荐

  • tp5(thinkPHP5框架)captcha验证码配置及验证操作示例

    本文实例讲述了tp5(thinkPHP5框架)captcha验证码配置及验证操作.分享给大家供大家参考,具体如下: 1-安装 composer require topthink/think-captcha 1.* -vvv 2-配置文件 'captcha' => [ // 验证码字符集合3. 'codeSet' => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY', // 验证码字体大小(px)5. 'fontSize' =>

  • thinkPHP实现的验证码登录功能示例

    本文实例讲述了thinkPHP实现的验证码登录功能.分享给大家供大家参考,具体如下: 使用thinkphp自带的验证,实现登录页面的账号密码+验证码的验证 <?php namespace Admin\Controller; use Think\Controller; use Think\Verify; class LoginController extends Controller{ public function login(){ if($_POST){ $obj = new Verify()

  • Thinkphp3.2实用篇之计算型验证码示例

    是不是觉得普通的验证码已经没办法满足,接下来介绍如何将tp现有的验证码改为计算型验证码: 首先找到:ThinkPHP\Library\Think\Verify.class.php 在其中加入以下代码: public function entry_add($id = '') { $this->length='3'; // 图片宽(px) $this->imageW || $this->imageW = $this->length*$this->fontSize*1.5 + $t

  • ThinkPHP5.0框架验证码功能实现方法【基于第三方扩展包】

    ThinkPHP5.0框架验证码功能实现方法【基于第三方扩展包】

    本文实例讲述了ThinkPHP5.0框架验证码功能实现方法.分享给大家供大家参考,具体如下: 背景 ThinkPHP5.0 已经出现很久了,最近有所接触,下面介绍一下常用的第三方验证码功能的使用. ♜ 功能开发 1).引入第三方扩展包 进行 TP5 的开发,Composer 的使用会成为重要技能,以 windows 为例子,输入命令: composer require topthink/think-captcha 完成上述操作,会在以下目录中出现 captcha 的扩展包 ..\vendor\t

  • thinkPHP中验证码的简单实现方法

    thinkPHP中验证码的简单实现方法

    本文实例讲述了thinkPHP中验证码的简单实现方法.分享给大家供大家参考,具体如下: 运行效果图如下: 1.php端生成验证码函数 public function verify(){ // 验证码 import("@.Util.Image"); Image::buildImageVerify(4,1,'png',40,20,'verify'); } /** * 生成图像验证码 * @static * @access public * @param string $length 位数

  • thinkPHP5.0框架验证码调用及点击图片刷新简单实现方法

    本文实例讲述了thinkPHP5.0框架验证码调用及点击图片刷新实现方法.分享给大家供大家参考,具体如下: 1.配置文件中增加验证码配置 'captcha' => [ // 验证码字符集合 'codeSet' => '23456789', // 验证码字体大小(px) 'fontSize' => 25, // 是否画混淆曲线 'useCurve' => false, // 验证码位数 'length' => 4, // 验证成功后是否重置 'reset' => true

  • thinkphp5.1验证码及验证码验证功能的实现详解

    注:由于thinkphp5.1没有自带验证码,所以需要通过composer安装think-captcha 扩展包才能实现验证码 一.安装composer https://www.jb51.net/article/178346.htm 二.通过composer安装think-captcha 扩展包 打开命令窗口,进入vendor/topthink输入指令即可,也可以安装shift键再右击鼠标打开命令窗口可以直接进入当前文件夹位置 composer require topthink/think-ca

  • ThinkPHP实现生成和校验验证码功能

    使用ThinkPHP实现生成/校验验证码功能,供大家参考,具体内容如下 首先了解父类Verity.class.php(ThinkPHP/Library/Think/Verity.class.php)中的一些函数 1:check() 校验验证码是否正确 2:entry()输出验证码并把验证码的值保存的session中 3:authcode() 加密验证码(此方法在check()方法中被调用) 控制器生成验证码代码: //验证码 function verifyImg(){ //验证码配置 $cfg

  • thinkphp3.2实现在线留言提交验证码功能

    thinkphp3.2实现在线留言提交验证码功能

    如何实现验证码成功验证功能?提交验证码?这篇文章为大家解答. 把今天掌握的东西整理一下,要不然,我就忘干净了: 今天在做一个企业网站的时候,有一个在线留言的功能,最后提交的时候需要输入验证码.如图下: 当然,特连接的并不是我的后台 好了,开始了,首先我需要把验证码显示出来,前端页面: <div class="message-con clearfix"> <div class="mcon-left pic pull-left"><img

  • ThinkPHP5&5.1实现验证码的生成、使用及点击刷新功能示例

    本文实例讲述了ThinkPHP5&5.1实现验证码的生成.使用及点击刷新功能.分享给大家供大家参考,具体如下: 验证码现在是用户登录.支付等很多环节的必备元素,ThinkPHP5&5.1给我们提供了验证码的生成方式,也是非常的简单,在这里写一个完整的验证码验证的使用方法,供大家参考. 前台用户在登录时候需要验证码验证才能登录.首先使用Composer安装think-captcha扩展包: composer require topthink/think-captcha 在需要显示验证码的地方

  • C#实现生成所有不重复的组合功能示例

    本文实例讲述了C#实现生成所有不重复的组合功能.分享给大家供大家参考,具体如下: 给你几个字母,比如(a,b,c,d,e,f),要求生成所有不重复的组合. 这里重复的定义是这样的,任意两个元素个数相同的组合,如果其包含的元素均两两相等,即视为重复,例如abc和cba就是重复. 嗯,大概意思就是这样,下面给出代码. static void Main(string[] args) { string[] values = { "a", "b", "c"

  • C#基于QRCode实现动态生成自定义二维码图片功能示例

    本文实例讲述了C#基于QRCode实现动态生成自定义二维码图片功能.分享给大家供大家参考,具体如下: 二维码早就传遍大江南北了,总以为它是个神奇的东西,其实细细研究之后发现也没想象的那么神秘,碰巧最近项目中需要动态生成二维码,解决完实际问题之后,简单总结整理一下.项目中除了动态生成二维码之外,还实现了动态生成自定义图片,二维码可以是其中的元素. 设置图片的数据源为动态图片 <body> <form id="form1" runat="server"

  • AngularJS实现的生成随机数与猜数字大小功能示例

    本文实例讲述了AngularJS实现的生成随机数与猜数字大小功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net Angular猜数</title> <style> *{ margin: 0; padding: 0; font-siz

  • java 验证码的生成实现

    java 验证码的生成实现

    java 验证码的生成实现 所谓验证码,就是将一串随机产生的数字或符号,生成一幅图片, 图片里加上一些干扰,例如随机画数条直线或者画一些点,由用户肉眼识别其中的验证码信息,输入表单提交网站验证,验证成功后才能使用某项功能.验证码中之所以加上凌乱的直线是为了防止某些人使用OCR软件识别随机产生的数字或符号,从而达到恶意破解密码.刷票.论坛灌水.刷页等恶意行为.下面就开始直接上代码吧: 下面是Demo的文件组织结构 下面就是index.jsp的代码.主要功能是单击浏览器上的验证码图片,实现验证码的更

  • 详解ASP.NET验证码的生成方法

    一般验证码的生成方法都是相同的,主要的步骤都有两步 第一步:随机出一系统验证码的数字或字母,顺便把随机生成的数字或字母写入Cookies 或者 Session. 第二步:用第一步随机出来的数字或字母来合成图片. 可以看出来验证码的复杂度主要是第二步来完成,你可以根据自己所要的复杂度来设定. 我们一起来看看:  第一步:随机生成数字或字母的方法 /// <summary> /// 生成验证码的随机数 /// </summary> /// <returns>返回五位随机数&

  • thinkphp3.2点击刷新生成验证码

    thinkphp3.2点击刷新生成验证码

    再介绍thinkphp3.2验证码的使用方法之前,先为大家详细介绍ThinkPHP 验证码,具体内容如下 ThinkPHP 内置了验证码的支持,可以直接使用.要使用验证码,需要导入扩展类库中的 ORG.Util.Image 类库和 ORG.Util.String 类库. 验证码方法 我们通过在在模块类中增加一个 verify 方法来用于显示验证码,最简单的例子: Public function verify(){ // 导入Image类库 import("ORG.Util.Image"

  • JSP验证码简单生成方法

    本文实例讲述了JSP验证码简单生成方法.分享给大家供大家参考.具体如下: <%@ page contentType="image/jpeg" import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" %> <%! Color getRandColor(int fc,int bc){//给定范围获得随机颜色 Random random = new Random(); if(fc&

  • Spring Boot 验证码的生成和验证详解

    前言 本文介绍的imagecode方法是一个生成图形验证码的请求,checkcode方法实现了对这个图形验证码的验证.从验证码的生成到验证的过程中,验证码是通过Session来保存的,并且设定一个验证码的最长有效时间为5分钟.验证码的生成规则是从0~9的数字中,随机产生一个4位数,并增加一些干扰元素,最终组合成为一个图形输出 1.验证码生成类 import java.awt.*; import java.awt.image.BufferedImage; import java.io.Output

  • Java Web开发之图形验证码的生成与使用方法

    本文实例讲述了Java Web开发之图形验证码的生成与使用方法.分享给大家供大家参考.具体如下: 图形验证码的主要目的是为了增强的安全性,增加用户通过遍历所有可能性来破解密码的难度. 图形验证码的使用包括如下3部分: ① 图形验证码的生成: ② 在页面中的使用: ③ 验证: 1.图形验证码的生成 假设在Servlet生成图形验证码,在JavaBean或者JSP中生成的基本过程是相同的.设计如下过程: ① 设置响应的文档类型: ② 生成随机码: ③ 把随机码保存到session中: ④ 生成图片:

随机推荐