验证码的使用是比较频繁的。YII2中已经帮我们做好了封装。

首先我们在控制器里创建一个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>

演示结果如下：

上面控制器中验证码的验证方式是我们手动的。我们也可以创建一个模型配置rules()来自动完成。

<?php

namespace app\models;

use yii\base\Model;

class VerifyForm extends Model

{

    //变量名为你表单中输入验证码控件的name

    public $verify;

    public function rules()

    {

        return [

            ['verify', 'required', 'message' => '请填写验证码'],

            //注意captchaAction的设置，指向你显示验证码的action，这里我们的是index/captcha

            ['verify', 'captcha', 'captchaAction' => 'index/captcha', 'caseSensitive' => false, 'message' => '验证码错误'],

        ];

    }

}

控制器代码修改如下：

<?php

namespace app\controllers;

use YII;

use app\models\VerifyForm;

use yii\web\Controller;

class IndexController extends Controller

{

    public function actionIndex()

    {

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

            $verify = new VerifyForm();

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

            //自动验证

            if ($verify->validate()) {

                echo '成功';

            } else {

                var_dump($verify->errors);

            }

        } 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,

            ],

        ];

    }

}

　　

YII2中验证码的使用的更多相关文章

  1. 解决Yii2中刷新网页时验证码不刷新的问题

    解决Yii2中刷新网页时验证码不刷新的问题 [ 2.0 版本 ] ljfrocky  2015-05-30 19:39:00  1304次浏览 5条评论 10110 在Yii2框架中,如果在表单中使用 ...

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

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

  3. yii2中如何使用modal弹窗之基本使用

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

  4. Yii2中多表关联查询（join、joinwith)

    我们用实例来说明这一部分 表结构 现在有客户表.订单表.图书表.作者表, 客户表Customer   (id  customer_name) 订单表Order      (id  order_name ...

  5. PHP在yii2中封装SuperSlide 幻灯片编写自己的SuperSlideWidget的例子

    因为近期给朋友公司做个门户网站,把荒置了6.7年的PHP又重新拾起,发现PHP这些年兴旺多了,很多新的东西看的不明不白,研究了几个框架ZendFramework.thinkphp.Symfony.yi ...

  6. [moka同学笔记]Yii2中多表关联查询（join、joinwith) (摘录)

    表结构 现在有客户表.订单表.图书表.作者表, 客户表Customer   (id  customer_name) 订单表Order          (id  order_name       cu ...

  7. Yii2.0中文开发向导——Yii2中多表关联查询（join、joinwith)（转）

    我们用实例来说明这一部分 表结构 现在有客户表.订单表.图书表.作者表, 客户表Customer   (id  customer_name) 订单表Order          (id  order_ ...

  8. Yii2.0中文开发向导——Yii2中多表关联查询（join、joinwith)

    我们用实例来说明这一部分 表结构 现在有客户表.订单表.图书表.作者表, 客户表Customer   (id  customer_name) 订单表Order          (id  order_ ...

  9. MVC中验证码的生成

    在项目中验证码的生成通常是需要页面无刷新的,所以验证码图片实际是跟在某个input后面的img,通过控制该img来控制验证码显示的位置,例如: <div> <input id=&qu ...

随机推荐

  1. oracle第二天笔记

    多表查询 /* 多表查询: 笛卡尔积: 实际上是两张表的乘积,但是在实际开发中没有太大意义 格式: select * from 表1,表2 */ select * from emp; select * ...

  2. eclipce导入java 项目不可用

  3. 直接在浏览器运行jsx及高版本的js代码

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...

  4. Unity3D架构设计NavMesh寻路

    Unity3D架构设计NavMesh寻路 发表于2013年10月6日由陆泽西 国庆闲来没事把NavMesh巩固一下.以Unity3D引擎为例写一个底层c# NavMesh寻路.因为Unity3D中本身 ...

  5. 吴裕雄 29-MySQL 处理重复数据

    MySQL 处理重复数据有些 MySQL 数据表中可能存在重复的记录,有些情况我们允许重复数据的存在,但有时候我们也需要删除这些重复的数据.本章节我们将为大家介绍如何防止数据表出现重复数据及如何删除数 ...

  6. 吴裕雄 python神经网络 水果图片识别（5）

    #-*- coding:utf-8 -*-### required libaraiedimport osimport matplotlib.image as imgimport matplotlib. ...

  7. 梯度迭代树（GBDT）算法原理及Spark MLlib调用实例（Scala/Java/python）

    梯度迭代树(GBDT)算法原理及Spark MLlib调用实例(Scala/Java/python) http://blog.csdn.net/liulingyuan6/article/details ...

  8. go io包

    https://studygolang.com/articles/9424 https://blog.csdn.net/trochiluses/article/details/44338407

  9. orthodb

    1.数据库 orthodb数据: odb10v0_levels.tab.gz: NCBI taxonomy nodes where Ortho DB orthologous groups (OGs) ...

  10. U3D组件------CharacterController（角色控制器）

    角色控制器中有碰撞体和刚体的属性 Slope Limit:角色能爬的斜坡的坡度限制 Step Offset:角色走台阶的高度 Skin Width:当场景里面出现多个角色控制器的时候,两个对象在接触的 ...