Yii 框架 验证码 与 表单验证 操作

controller：

public function actions(){
        return [
            // captcha action renders the CAPTCHA image displayed on the contact page
            'captcha'=>[
                'class' => 'yii\captcha\CaptchaAction',
                'backColor'=>0xFFFFFF,  //背景颜色
                'minLength'=>6,  //最短为4位
                'maxLength'=>6,   //是长为4位
                'transparent'=>true,  //显示为透明
                'testLimit'=>0,
                'fixedVerifyCode' => YII_ENV_TEST ? 'test' : null,
            ],
        ];
    }、

Model
    public $verifyCode;
 public function rules(){
        return [
            //账号、密码、确认密码、邮箱、验证码必须
            [['username','password','password_rep','email','verifyCode'],'required'],
            //账号只能是汉字/数字/下划线,不能包含空格
            ['username','match','pattern'=>'/^[\x{4e00}-\x{9fa5}_a-zA-Z0-9]*$/'],
            //用户名最大10位，最小3位
            ['username','string','max'=>16,'min'=>2],
            //用户名/邮箱唯一
            ['username','unique','targetClass'=>'\backend\modules\pub\models\YiiUser','message'=>'账号已存在'],
            ['email','unique','targetClass'=>'\backend\modules\pub\models\YiiUser','message'=>'邮箱已被绑定'],
            //去除空格
            [['username','email'],'trim'],
            //密码最大16位，最小6位
            ['password','string','max'=>16,'min'=>6],
            //验证邮箱
            ['email','email','message'=>'邮箱不规范'],
            //验证两次密码是否一致
            ['password_rep','compare','compareAttribute'=>'password','message'=>'两次密码不一致'],
            //验证码
            ['verifyCode', 'captcha','captchaAction'=>'pub/default/captcha'],
        ];
    }

页面Form部分代码

 <?= $form->field($model,'email')->textInput(['placeholder'=>'邮箱'])->label('邮箱')?>
                    <?= $form->field($model, 'verifyCode')->label('验证码')->widget(Captcha::className(), [
                        'options'=>['placeholder'=>'验证码'],
                        'captchaAction' => 'default/captcha',
                        'imageOptions'=>['style'=>'margin-top:-5px;',],
                        'template' => '<div class="row"><div class="col-lg-6">{input}</div><div class="col-lg-6">{image}</div></div>',
                    ]) ?>