首先我们在控制器里创建一个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. PP: Time series clustering via community detection in Networks

    Improvement can be done in fulture:1. the algorithm of constructing network from distance matrix. 2. ...

  2. java基础(五)之static关键词的作用

    static关键词的作用 1.静态成员变量的语法特定2.静态函数的语法特定3.静态代码块的语法特定 定义静态成员变量 Person.java class Person{ static int a; } ...

  3. 【NOIP2001普及组】最大公约数和最小公倍数问题

    P1029 最大公约数和最小公倍数问题 最大公约数用辗转相除法: 最小公倍数:两个数的乘积=他们的最大公约数*最小公倍数,既然两个数的乘积及其最大公约数已知,那么最小公倍数也可以求了. #includ ...

  4. Hackintosh Issues 10.13.x

    Issuses 1: 出现禁行: (-v:) allcating 0x800 pages at 0x2000000 alloc type 2 Load kernal from stream Load ...

  5. IntelliJ IDEA 2017.3尚硅谷-----生成 javadoc

    Locale:输入语言类型:zh_CN Other command line arguments:-encoding UTF-8 -charset UTF-8

  6. CentOS7下使用C/C++连接MariaDB/MySQL

    前言 连接数据库通常在Java中使用比较多,但是C/C++在Linux下操作数据库也是比较重要的,很多时候都能用得到,在网上查了很多教程,大多写的有些问题,通过自己摸索,终于成功的连接了MariaDB ...

  7. Linux下run文件的直接运行

    比如realplay.run 安装方法如下 chmod +x realplay.run ./realplay.run 然后他就会执行安装了,在过程中可能会要求你输入yes或no 安装完后就可以用了 , ...

  8. 常用bat脚本整理

    在当前文件夹下 shift +鼠标右键 打开终端   输入 tree /f > 1.txt 则将文件夹下的文件名放入1.txt文件中.不包含绝对路径. 要么是写个.bat文件,文件内容为 dir ...

  9. 题解【洛谷P5315】头像上传

    本题就是按照题目模拟, 只是要注意一些细节问题. Wrong Answer的主要有以下2个问题: 注意这句话: 在图片上传前,系统会对图片进行如下处理:如果图片的任何一边长度超过了 G ,那么系统会不 ...

  10. nodejs后台运行的方法

    nohup node ***.js & 这种方法可以,但存在你无法查询日志等问题 在SSH里另一个有效的方法是screen命令. [转]http://www.9usb.net/201002/l ...