[Yii2] Yii2使用自带验证码

** 分别MVC 三部分来看怎么实现yii2自带的验证码。 **

** Model **

class LoginForm extends Model
{
  public $username;
  public $password;
  public $rememberMe = true;
  public $verify;
  private $_user;


  /**
   * @inheritdoc
   */
  public function rules()
  {
    return [
      // username and password are both required
      [['username', 'password'], 'required'],
      // rememberMe must be a boolean value
      ['rememberMe', 'boolean'],
      // password is validated by validatePassword()
      ['password', 'validatePassword'],
      ['verify', 'captcha', 'captchaAction'=>'site/captcha'],
    ];
  }
}

可以看到只要在rules中添加

['verify', 'captcha', 'captchaAction'=>'site/captcha'],

** View **

$form->field($model,'verify')->widget(Captcha::className(),[
      'captchaAction'=>'site/captcha',
      'imageOptions'=>[
        'alt'=>'刷新',
        'title'=>'刷新',
        'style'=>'cursor:pointer; display:inline'
      ],
      'template' => '<div class="col-lg-7" style="padding: 0;">{input}</div><div class="col-lg-5" style="padding: 0; text-align: right">{image}</div><div class="clearfix"></div>',
      'options' => [
        'placeholder' => '输入验证码',
        'class' => 'form-control'
      ]
    ])->label(false);

** Controller **

  /**
   * @inheritdoc
   */
  public function actions()
  {
    return [
      'captcha' => [
        'class' => 'yii\captcha\CaptchaAction',
        'backColor'=>0xffffff,//背景颜色
        'maxLength' => 6, //最大显示个数
        'minLength' => 5,//最少显示个数
        'padding' => 5,//间距
        'height'=>34,//高度
        'width' => 120,  //宽度
        'foreColor'=>0x000000,     //字体颜色
        'offset'=>4,        //设置字符偏移量 有效果
      ],
    ];
  }

在控制器中加入公用的captcha,这是一个action

** 注意**
整个配置其实是一个很简单的过程,yii2已经帮我实现好了actionCaptcha, 这个action中包含了验证码生成,图片生成,验证码验证的操作,我们只需要在actions中引入这个actionCaptcha, 同时在Model的验证码验证中,将验证方法指向该控制器下面的captcha,同时在View中注意验证提交的地址即可。
整个处理流程类似处理普通的action,只是actionCaptcha 集成了较多功能的可用其他controller而已。

https://www.doctype.com.cn/archives/133/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值