Yii2手动刷新和验证自带验证码

B5net

人生是场无尽旅途,欢声笑语,踟蹰彷徨,走过的是岁月,路过的是迷茫。向前,是希望极光；回首,是悠长深巷。

Yii2手动刷新和验证自带验证码

Published on：2022-04-25

当不使用ActiveForm生成表单时，如果我们使用自带的验证码，需要动进行刷新或验证时的操作。

1.手动刷新，需要创建一个Actions继承原来的\yii\captcha\CaptchaAction，并重写其run方法

class CaptchaAction extends \yii\captcha\CaptchaAction
{
    public function run()
    {
        $this->setHttpHeaders();
        \Yii::$app->response->format = \yii\web\Response::FORMAT_RAW;
        return $this->renderImage($this->getVerifyCode(true));
    }
}

2.控制器中使用

public function actions()
    {
        return [
            'captcha' => [
                'class' => 'common\actions\CaptchaAction',
                'width' => 130,
                'height' => 48,
                'maxLength' => 5,
                'minLength' => 4,
                'offset'=>4
            ],
        ];
    }

3.前端页面，如下就可以实现刷新

<img onclick="changeCaptcha()" src="" width="130px" height="34px" class="login-captcha" alt="点击刷新验证码" id="captcha_img"/>
function changeCaptcha(){
      var url = urlcreate("<?=\yii\helpers\Url::toRoute(['captcha'])?>","_t="+Math.random());
      $("#captcha_img").attr('src',url)
}

4.使用自定义model验证，captchaAction 需要是生成验证码的控制器/方法

class LoginForm extends Model
{
    public $username;
    public $password;
    public $captcha;
    public function rules()
    {
        return [
            [['username', 'password','captcha'], 'required'],
            ['captcha', 'captcha','captchaAction' => 'public/captcha'],
            ['password', 'validatePassword'],
            ['remember', 'safe'],
        ];
    }

5.手动验证码

控制器中使用

 $this->createAction('captcha')->validate($verify_code,false);

留言列表(0)

加载更多

留言

B5net

人生是场无尽旅途,欢声笑语,踟蹰彷徨,走过的是岁月,路过的是迷茫。向前,是希望极光；回首,是悠长深巷。

开源项目

B5LaravelCMF：基于laravel9+bootstrap3实现的快速开发后台
B5YiiCMF：基于Yii2+bootstrap3 实现的快速开发后台管理系统
B5ThinkCmf：基于ThinkPHP6+bootstrap3 实现的快速开发后台管理系统
B5GoCmf：gin + sqlx +bootstrap 实现后端管理系统
See also：gitee.com@b5net