Yii2增加驗證碼步驟詳解 yii2.0 驗證碼 yii 驗證碼 不顯示 yii2 自訂驗證

本來以為yii2框架驗證碼這塊很全面，嘗試百度google了一下，大多數教程寫的零零散散不全面，想著自己寫一份帶有完整步驟的驗證碼教程。

我們假設site/login 表單登入需要增加驗證碼。

1、siteController控制器的actions方法增加captcha設定

public function actions() { 
return [ 
'captcha' => [ 
'class' => 'yii\captcha\CaptchaAction', 
'maxLength' => 4, 
'minLength' => 4 
], 
]; 
}

上面我們簡單設定了驗證碼的位數，有小夥伴好奇都有哪些配置項，這個你可以查看文件vendoryiisoftyii2captcha，包括驗證碼背景色，字體檔案等設定都可以在這裡找到。

2、siteController繼續配置。

public function behaviors() { 
return [ 
'access' => [ 
'class' => AccessControl::className(), 
'rules' => [ 
[ 
'actions' => ['login', 'error', 'captcha'], 
'allow' => true, 
], 
], 
]; 
}

為access rules的actions增加captcha方法可訪問。

3、我們看看view層，增加驗證碼input。

use yii\captcha\Captcha; 
<&#63;= $form->field($model, 'verifyCode')->widget(Captcha::className(), [ 
'template' => '<div><div>{image}</div><div>{input}</div></div>', 
]) ?> 

4、這樣還不行，我們還需要增加驗證碼的驗證規則

我們這裡用到的是LoginForm，因此修改LoginForm檔

class LoginForm extends Model { 
//...... public $verifyCode; 
public function rules() { 
return [ 
//...... 
['verifyCode', 'captcha'], 
]; 
} 
public function attributeLabels() { 
return [
'verifyCode' => '', //验证码的名称，根据个人喜好设定 
]; 
} 
} 
//定义了verifyCode属性 
//rules规则添加了验证 
//label中定义了其显示名称 

reee配置好驗證碼就會正常顯示了。如果你的後台設定了rbac權限控制，恐怕你還是需要在config內為as accss增加/site/captcha可存取。

6、看效果就好了。

7、有同學問為啥頁面刷新驗證碼不跟著刷新，我個人覺得刷不刷新不重要，當你輸錯驗證碼頁刷新的時候驗證碼才會刷新。如果你要刷新頁面驗證碼跟著刷新，嘗試一個簡單的方法實作。

$('验证码对象').click();

即在頁面刷新的時候重新點擊一次驗證碼進行強制刷新。

以上所述是小編給大家介紹的Yii2增加驗證碼步驟，希望對大家有幫助！

以上就介紹了Yii2增加驗證碼步驟詳解，包括了yii,驗證碼方面的內容，希望對PHP教程有興趣的朋友有所幫助。