验证码的使用是比较频繁的。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. C++ new 和malloc 区别

    1.分配地方不同,malloc是堆上面,new是自由存储区域 2.malloc/delete是函数,new/delete是操作符,可以重载 3.malloc 要指定大小,返回的是void*指针,开辟的 ...

  2. Android 设备，如何root，执行adb shell，查看设备中的数据库信息等【转】

    原文地址: Android 设备,如何root,执行adb shell,查看设备中的数据库信息等

  3. C++学习一Virtual

    没有系统性学习C++,所以工作中使用特别别扭,也不是不会,也不是不懂,但读代码和写代码时总有点生疏感.所以该补还是补起来,现在想想还是学生时代学习的知识更加扎实,那是融入骨子里的. virtual函数 ...

  4. html----h1-6标签

    Html的标题标签h1-h6种选择,从大到小:默认上下margin一样,靠左,不好改变:能用定位改变. 1.<h1></h1> display:block; font-size ...

  5. Java多线程及线程状态转换

    以下内容整理自:http://blog.csdn.net/wtyvhreal/article/details/44176369 线程:是指进程中的一个执行流程.  线程与进程的区别:每个进程都需要操作 ...

  6. java fastJson

    // 大区的数据 String cityList = "[{'title':'华北','value':'1','children':[{'title':'山东','value':'1.1', ...

  7. 开启Centos系统的SSH服务

    1.登录Centos6.4系统. ◆示例:使用root用户登录. 注:若为非root用户登录,输入执行某些命权限不够时需加sudo. 查看SSH是否安装. 2.◆输入命令:rpm -qa | grep ...

  8. LINUX 设置 backspace为删除键

    描述 :在linux/unix平台上的 sqlplus中,如果输错了字符,要想删除,习惯性的按下backspace键后,发现非但没有删除想要删掉的字符,还多出了两个字符^H. 原因:由于终端默认ctr ...

  9. iframe解决ajax主域和子域之间的跨域问题

    在某些应用场景下,需要在主域中,调用子域中的某个接口,如果直接在主域中向子域发ajax请求,会报跨域错误,可以用iframe来解决这种跨域问题.假如主域为www.baidu.com,子域为baike. ...

  10. sql数据库之多库查询

    连接到数据库服务器gwsps07上,打开查询分析器,如何获取gwrenshi数据库中的数据? 查询语句如下: select * from GWRENSHI.CGC.dbo.PERempms(serve ...