当前位置:首页 > PHP > Yii2 > 正文内容

Yii2验证码如何脱离ActiveForm单独使用

佳航网络工作室2年前 (2024-01-24)Yii21264

官方提供了验证码模块(yii\captcha\CaptchaAction),但要结合ActiveForm一起用,封装得有点过度,现在有一种更加简单的用法。

1.在你的controller里引用CaptchaAction:

//WebController
class WebController extends Controller {
    //引入验证码Action
    public function actions() {
        return [
            'captcha' => [
                'class' => 'yii\captcha\CaptchaAction',
                'maxLength' => 4,
                'minLength' => 4,
            ],
        ];
    }
}

这样即可使用web/captcha访问此验证码。

2.在你的html页面里,加入<img>标签

<img id="verify_image" src="/web/captcha">

使用jquery控制点击刷新:

$('#verify_image').click(function () {
    $.get(
        "/web/captcha?refresh=1",{},function (data) {
            $('#verify_image').attr('src', data.url);
        },"json"
    );
});

直接刷新/web/captcha你会发现验证码是不会变新的,当加上?refresh=1参数时,会返回JSON数据:

{"hash1":466,"hash2":466,"url":"/wap/my/captcha?v=598d8247db06a"}

直接拿url这个JSON值出来赋值给img标签即可。

3.PHP端的校验:

$verifycode = \Yii::$app->request->post('verify_code');
$verifycode2 = $this->createAction("captcha")->getVerifyCode(false);
if($verifycode != $verifycode2){
    //验证码错误
}


扫描二维码推送至手机访问。

版权声明:本文由佳航网络发布,如需转载请注明出处。

本文链接:https://jiahang.work/?id=21

标签: Yii2
分享给朋友:

“Yii2验证码如何脱离ActiveForm单独使用” 的相关文章

如何安装Yii2?

如何安装Yii2?

安装 Yii你可以通过两种方式安装 Yii:使用 Composer 或下载一个归档文件。 推荐使用前者,这样只需执行一条简单的命令就可以安装新的扩展或更新 Yii 了。标准安装完Yii之后,框架和一个项目模板两者都下载并安装好了。 一个项目模板是实现了一些基本特性的一个 可行的Y...

【从零开始搭建Yii2后台管理系统】三、搭建数据库,实现后台系统登录

【从零开始搭建Yii2后台管理系统】三、搭建数据库,实现后台系统登录

在上一篇文章中,已实现网站的初步访问,下一步进行网站的完善和改造。1.创建数据库CREATE DATABASE IF NOT EXISTS `moonadmin` DEFAULT CHARACTER SET u...

Yii2 中如何彻底禁用掉自带的 Yii、JQuery 和 Bootstrap 脚本 [ 2.0 版本 ]

▪ 环境基于 Yii2 高级模板▪ 前言默认情况下,Yii2 会自动加载 Yii、JQuery 和 Bootstrap 等脚本和样式,但有时项目中可能并不需要这些库,或者使用其他版本;下面介绍如何去掉这些库脚本和样式。▪ 去除 Yii.js 相关脚本编辑 frontend\asset\AppAsse...

Yii2.0 多语言设置(高级版配置方法) [ 2.0 版本 ]

Yii2.0 多语言设置(高级版配置方法) [ 2.0 版本 ]

1.设置默认语言:在main.php配置文件加上:'language'=>'zh_CN';2.多语言切换 (我这边是在site控制器里面操作的所以用的'/site/language')html代码 :<a href="&...

Yii2使用自带验证码

** 分别MVC 三部分来看怎么实现yii2自带的验证码。 **** Model **class LoginForm extends Model {   public $username;   ...

YII2 where查询条件整理 [ 2.0 版本 ]

YII2 where查询条件整理 [ 2.0 版本 ]

文章涉及where、 addParams 、filterWhere 、andWhere、orWhere、 andFilterWhere()、 orFilterWhere()、andFilterCompare()但是格式是一样的字符串格式,例如:'status=1'哈希格式,例如:&n...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。