Yii2增加驗證碼步驟詳解
本來以為yii2框架驗證碼這塊很全面，嘗試百度google了一下，大多數(shù)教程寫的零零散散不全面，想著自己寫一份帶有完整步驟的驗證碼教程。
我們假設(shè)site/login 表單登錄需要增加驗證碼。
1、siteController控制器的actions方法增加captcha設(shè)置
public function actions() {
return [
'captcha' => [
'class' => 'yii\captcha\CaptchaAction',
'maxLength' => 4,
'minLength' => 4
],
];
}
上面我們簡單設(shè)置了驗證碼的位數(shù)，有小伙伴好奇都有哪些配置項，這個你可以查看文件 vendor\yiisoft\yii2\captcha，包括驗證碼背景色，字體文件等設(shè)置都可以在這里找到。
2、siteController繼續(xù)配置。
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;
<?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>',
]) ?>
4、這樣還不行，我們還需要增加驗證碼的驗證規(guī)則
我們這里用到的是LoginForm，因此修改LoginForm文件
class LoginForm extends Model {
//...... public $verifyCode;
public function rules() {
return [
//......
['verifyCode', 'captcha'],
];
}
public function attributeLabels() {
return [
'verifyCode' => '', //驗證碼的名稱，根據(jù)個人喜好設(shè)定
];
}
}
//定義了verifyCode屬性
//rules規(guī)則添加了驗證
//label中定義了其顯示名稱
5、到第四步基本上配置好驗證碼就會正常顯示了。如果你的后臺設(shè)定了rbac權(quán)限控制，恐怕你仍然需要在config內(nèi)為as accss增加/site/captcha可訪問。
6、看效果就好了。
7、有同學(xué)問為啥頁面刷新驗證碼不跟著刷新，我個人覺得刷不刷新不重要，當你輸錯驗證碼頁面刷新的時候驗證碼才會刷新。如果你非要刷新頁面驗證碼跟著刷新，嘗試一種簡單的方法實現(xiàn)。
$('驗證碼對象').click();
即在頁面刷新的時候重新點擊一次驗證碼進行強制刷新。
以上所述是小編給大家介紹的Yii2增加驗證碼步驟，希望對大家有所幫助！
相關(guān)文章
CodeIgniter采用config控制的多語言實現(xiàn)根據(jù)瀏覽器語言自動轉(zhuǎn)換功能
這篇文章主要介紹了CodeIgniter采用config控制的多語言實現(xiàn)根據(jù)瀏覽器語言自動轉(zhuǎn)換功能,非常實用,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了php對二維數(shù)組進行排序的簡單實例，有需要的朋友可以參考一下2013-12-12
現(xiàn)在我把php中的這些函數(shù)做一詳細總結(jié)并實例示范如何使用.,關(guān)于對應(yīng)的函數(shù)詳細介紹,請查閱php手冊.此處只總結(jié)重點.和需要注意的地方.(這在php手冊是沒有的.)2012-03-03
這篇文章主要介紹了CodeIgniter配置之SESSION用法,結(jié)合實例形式分析了PHP中session的運行原理并演示了CI框架下session的配置與使用方法,需要的朋友可以參考下2016-01-01
PHP設(shè)計模式（五）適配器模式Adapter實例詳解【結(jié)構(gòu)型】
這篇文章主要介紹了PHP設(shè)計模式：適配器模式Adapter,結(jié)合實例形式詳細分析了PHP適配器模式Adapter基本概念、功能、原理、用法及操作注意事項,需要的朋友可以參考下2020-05-05
這篇文章主要為大家詳細介紹了PHP實現(xiàn)大轉(zhuǎn)盤抽獎算法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
PHP使用range協(xié)議實現(xiàn)輸出文件斷點續(xù)傳代碼實例
這篇文章主要介紹了PHP使用range協(xié)議實現(xiàn)輸出文件斷點續(xù)傳代碼實例,需要的朋友可以參考下2014-07-07
最近在工作中遇到一個問題，需要多字段的驗證，通過查找相關(guān)資料終于解決了，下面這篇文章主要給大家介紹了關(guān)于Laravel如何實現(xiàn)用戶多字段認證的解決方法，文中通過示例代碼介紹的非常詳細，需要的朋友們可以參考借鑒，下面來一起看看吧。2017-09-09
這篇文章主要介紹了ThinkPHP3.2.1圖片驗證碼實現(xiàn)方法,結(jié)合實例形式分析了thinkPHP3.2.1生成圖片驗證碼過程中遇到的問題及相應(yīng)的解決方法,具有一定參考借鑒價值,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了Laravel框架分頁實現(xiàn)方法,結(jié)合實例形式分析了Laravel框架實現(xiàn)分頁功能的核心代碼及其相關(guān)原理,需要的朋友可以參考下2018-06-06