首先我们在控制器里创建一个actions方法，用于使用yii\captcha\CaptchaAction

<?php

namespace app\controllers;

use YII;

use yii\web\Controller;

class IndexController extends Controller

{

    public function actionIndex()

    {

        if (YII::$app->request->isPost) {

            //获取post过来的验证码

            $verify = YII::$app->request->post('verify');

            //我们手动进行验证，第二个参数表示是否区分大小写

            if ($this->createAction('captcha')->validate($verify, false)) {

                echo '成功';

            } else {

                echo '失败';

            }

        } else {

            return $this->renderPartial('index');

        }

    }

    //actions的作用主要是共用功能相同的方法

    //当用户访问index/captcha时，actions就会调用yii\captcha\CaptchaAction方法

    public function actions()

    {

        return [

            'captcha' => [

                'class' => 'yii\captcha\CaptchaAction',

                'fixedVerifyCode' => null,

                //背景颜色

                'backColor' => 0x000000,

                //最大显示个数

                'maxLength' => 4,

                //最少显示个数

                'minLength' => 4,

                //间距

                'padding' => 2,

                //高度

                'height' => 30,

                //宽度

                'width' => 85,

                //字体颜色

                'foreColor' => 0xffffff,

                //设置字符偏移量

                'offset' => 4,

            ],

        ];

    }

}

显示页面代码如下：

<?php

use yii\helpers\Url;

use yii\helpers\Html;

?>

<!doctype html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <title>分页显示</title>

</head>

<body>

    <form action="<?php echo Url::toRoute('index/index'); ?>" method="post">

        验证码：<input type="text" name="verify"><br>

        <img id="verifyImg" src="<?php echo Url::toRoute('index/captcha'); ?>"><br>

        <input type="submit" value="提交">

        <input name="_csrf" type="hidden" value="<?php echo \Yii::$app->request->csrfToken; ?>">

    </form>

    <?php echo Html::jsFile('@web/js/jquery-3.3.1.min.js'); ?>

    <script type="text/javascript">

        $(function () {

            //处理点击刷新验证码

            $("#verifyImg").on("click", function () {

                $.get("<?php echo Url::toRoute('index/captcha') ?>?refresh", function (data) {

                    $("#verifyImg").attr("src", data["url"]);

                }, "json");

            });

        });

    </script>

</body>

</html>

yii2.0 验证码的更多相关文章

  1. [moka同学笔记]Yii2.0验证码

    1.Model中Code.php <?php /** * Created by PhpStorm. * User: moka同学 * Date: 2016/07/25 * Time: 10:48 ...

  2. yii2.0验证码的两种实现方式

    第一种方式:采用model 1. 模型:Code.php <?phpnamespace app\models; use yii\base\Model;class Code extends Mod ...

  3. yii2.0表单自带验证码

    Yii2.0的自带的验证依赖于GD2或者ImageMagick扩展. 使用步骤如下: 第一步,控制器: 在任意controller里面重写方法

  4. 【Yii系列】Yii2.0基础框架

    缘起 因为一个月的短暂停留,我在给朋友搞事情,所以Yii系列的文章耽搁了很长时间,现在又重拾当时的知识,给大伙好好撸下这一系列的博客 提起Yii,虽然是国外的开发者搞的,但是它的作者是华人,这才是让我 ...

  5. Yii2.0

    Yii2.0基础框架   缘起 因为一个月的短暂停留,我在给朋友搞事情,所以Yii系列的文章耽搁了很长时间,现在又重拾当时的知识,给大伙好好撸下这一系列的博客 提起Yii,虽然是国外的开发者搞的,但是 ...

  6. Yii2.0.7 限制user module登录遇到的问题

    在Yii2.0.6的时候我是在以下文件通过以下方法实现的. frontend/modules/user/Module.php namespace frontend\modules\user; clas ...

  7. yii2.0归档安装方法

    我前几天用composer安装 一直没成功  我就用归档的方法安装了  所以这篇文字只帮助那些用归档方法安装的朋友 Yii是一个高性能的,适用于开发WEB2.0应用的PHP框架. Yii自带了丰富的功 ...

  8. [moka同学笔记]三、Yii2.0课程笔记（魏曦老师教程）关联字段增加搜索

    关联字段增加搜索 post表关联adminuser表,通过post.author_id  adminuser.id关联,在YII2.0生成搜索,关联字段搜索时,需要输入关联字段author的id才能搜 ...

  9. yii2增加验证码详细步骤

    作者:白狼 出处:http://www.manks.top/article/yii2_captcha本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留 ...

随机推荐

  1. Echarts--来自官网

    引入 ECharts ECharts 3 开始不再强制使用 AMD 的方式按需引入,代码里也不再内置 AMD 加载器.因此引入方式简单了很多,只需要像普通的 JavaScript 库一样用 scrip ...

  2. 手机大厂必备测试技能-GMS 认证

    GMS认证背景 在之前的一篇文章有给各位小伙伴们科普过关于GMS的作用,http://www.lemfix.com/topics/266 "墙"内的小伙伴可能很少会用到这样的服务, ...

  3. docker映射

    端口映射 大-P对容器暴露的所有端口进行映射 小-p可以指定对哪些端口进行映射 第一种,只指定容器的端口,宿主机的端口是随机映射的 第二种,宿主机的端口和容器的端口一一对应, 第三种,只配置容器的ip ...

  4. spring（二）：体系结构&核心模块

    Spring框架 帮助管理对象及其依赖关系 提供如通用日志记录.性能统计.安全控制.异常处理等面向切面的能力 帮助管理数据库事务,提供了一套简单的JDBC访问实现,提供与第三方数据访问框架集成(如Hi ...

  5. Java-POJ1014-Dividing

    多重背包问题的特点是物品数量可以大于1但是有限制.状态定义与01背包一致. 多重背包的解法有多种,复杂度也各不相同. 对于物品数Ci较大的数据,可以采取二进制数进行优化(就是这样,别问就是baidu! ...

  6. AcWing 2. 01背包问题

    朴素 //朴素二维 #include <iostream> #include <algorithm> using namespace std; ; int n, m; int ...

  7. OI记录

    这里是蒟蒻xsl的OI记录. 2017 2017.03.?? 开始接触OI 2017.10.14 参加NOIP2017普及组初赛,踩着分数线进入了复赛 2017.11.11 参加NOIP2017普及组 ...

  8. HDU多校第三场 Hdu6606 Distribution of books 线段树优化DP

    Hdu6606 Distribution of books 题意 把一段连续的数字分成k段,不能有空段且段和段之间不能有间隔,但是可以舍去一部分后缀数字,求\(min(max((\sum ai ))\ ...

  9. 关于Vector3.forward和Transform.forward

    在Unity中有两个forward,一个是Transform.forward一个是Vector3.forward. 对于Vector3来说,它只是缩写.没有其它任何含义. Vector3.forwar ...

  10. DNS辅助

    DNS服务原理详解 DNS:Domain Name Service,域名解析服务 监听端口:udp/53,tcp/53 应用程序:bind 根域:. 一级域: 组织域:.com, .org, .net ...