快捷導(dǎo)航

Yii2增加驗(yàn)證碼步驟詳解

更新時(shí)間：2016年04月25日 12:18:39 作者：白狼棧

這篇文章主要介紹了Yii2增加驗(yàn)證碼步驟詳解的相關(guān)資料,需要的朋友可以參考下

本來(lái)以為yii2框架驗(yàn)證碼這塊很全面，嘗試百度google了一下，大多數(shù)教程寫(xiě)的零零散散不全面，想著自己寫(xiě)一份帶有完整步驟的驗(yàn)證碼教程。

我們假設(shè)site/login 表單登錄需要增加驗(yàn)證碼。

1、siteController控制器的actions方法增加captcha設(shè)置

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

上面我們簡(jiǎn)單設(shè)置了驗(yàn)證碼的位數(shù)，有小伙伴好奇都有哪些配置項(xiàng)，這個(gè)你可以查看文件 vendor\yiisoft\yii2\captcha，包括驗(yàn)證碼背景色，字體文件等設(shè)置都可以在這里找到。

2、siteController繼續(xù)配置。

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

為access rules的actions增加captcha方法可訪問(wèn)。

3、我們看看view層，增加驗(yàn)證碼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、這樣還不行，我們還需要增加驗(yàn)證碼的驗(yàn)證規(guī)則

我們這里用到的是LoginForm，因此修改LoginForm文件

class LoginForm extends Model { 
//...... public $verifyCode; 
public function rules() { 
return [ 
//...... 
['verifyCode', 'captcha'], 
]; 
} 
public function attributeLabels() { 
return [
'verifyCode' => '', //驗(yàn)證碼的名稱，根據(jù)個(gè)人喜好設(shè)定 
]; 
} 
} 
//定義了verifyCode屬性 
//rules規(guī)則添加了驗(yàn)證 
//label中定義了其顯示名稱

5、到第四步基本上配置好驗(yàn)證碼就會(huì)正常顯示了。如果你的后臺(tái)設(shè)定了rbac權(quán)限控制，恐怕你仍然需要在config內(nèi)為as accss增加/site/captcha可訪問(wèn)。

6、看效果就好了。

7、有同學(xué)問(wèn)為啥頁(yè)面刷新驗(yàn)證碼不跟著刷新，我個(gè)人覺(jué)得刷不刷新不重要，當(dāng)你輸錯(cuò)驗(yàn)證碼頁(yè)面刷新的時(shí)候驗(yàn)證碼才會(huì)刷新。如果你非要刷新頁(yè)面驗(yàn)證碼跟著刷新，嘗試一種簡(jiǎn)單的方法實(shí)現(xiàn)。

$('驗(yàn)證碼對(duì)象').click();

即在頁(yè)面刷新的時(shí)候重新點(diǎn)擊一次驗(yàn)證碼進(jìn)行強(qiáng)制刷新。

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

您可能感興趣的文章:

相關(guān)文章

CodeIgniter采用config控制的多語(yǔ)言實(shí)現(xiàn)根據(jù)瀏覽器語(yǔ)言自動(dòng)轉(zhuǎn)換功能
這篇文章主要介紹了CodeIgniter采用config控制的多語(yǔ)言實(shí)現(xiàn)根據(jù)瀏覽器語(yǔ)言自動(dòng)轉(zhuǎn)換功能,非常實(shí)用,需要的朋友可以參考下
2014-07-07
php對(duì)二維數(shù)組進(jìn)行排序的簡(jiǎn)單實(shí)例
這篇文章主要介紹了php對(duì)二維數(shù)組進(jìn)行排序的簡(jiǎn)單實(shí)例，有需要的朋友可以參考一下
2013-12-12
PHP中文件讀、寫(xiě)、刪的操作(PHP中對(duì)文件和目錄操作)
現(xiàn)在我把php中的這些函數(shù)做一詳細(xì)總結(jié)并實(shí)例示范如何使用.,關(guān)于對(duì)應(yīng)的函數(shù)詳細(xì)介紹,請(qǐng)查閱php手冊(cè).此處只總結(jié)重點(diǎn).和需要注意的地方.(這在php手冊(cè)是沒(méi)有的.)
2012-03-03
CodeIgniter配置之SESSION用法實(shí)例分析
這篇文章主要介紹了CodeIgniter配置之SESSION用法,結(jié)合實(shí)例形式分析了PHP中session的運(yùn)行原理并演示了CI框架下session的配置與使用方法,需要的朋友可以參考下
2016-01-01
PHP設(shè)計(jì)模式（五）適配器模式Adapter實(shí)例詳解【結(jié)構(gòu)型】
這篇文章主要介紹了PHP設(shè)計(jì)模式：適配器模式Adapter,結(jié)合實(shí)例形式詳細(xì)分析了PHP適配器模式Adapter基本概念、功能、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下
2020-05-05
PHP實(shí)現(xiàn)轉(zhuǎn)盤(pán)抽獎(jiǎng)算法分享
這篇文章主要為大家詳細(xì)介紹了PHP實(shí)現(xiàn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)算法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-04-04
PHP使用range協(xié)議實(shí)現(xiàn)輸出文件斷點(diǎn)續(xù)傳代碼實(shí)例
這篇文章主要介紹了PHP使用range協(xié)議實(shí)現(xiàn)輸出文件斷點(diǎn)續(xù)傳代碼實(shí)例,需要的朋友可以參考下
2014-07-07
Laravel實(shí)現(xiàn)用戶多字段認(rèn)證的解決方法
最近在工作中遇到一個(gè)問(wèn)題，需要多字段的驗(yàn)證，通過(guò)查找相關(guān)資料終于解決了，下面這篇文章主要給大家介紹了關(guān)于Laravel如何實(shí)現(xiàn)用戶多字段認(rèn)證的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友們可以參考借鑒，下面來(lái)一起看看吧。
2017-09-09
ThinkPHP3.2.1圖片驗(yàn)證碼實(shí)現(xiàn)方法
這篇文章主要介紹了ThinkPHP3.2.1圖片驗(yàn)證碼實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了thinkPHP3.2.1生成圖片驗(yàn)證碼過(guò)程中遇到的問(wèn)題及相應(yīng)的解決方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-08-08
Laravel框架分頁(yè)實(shí)現(xiàn)方法分析
這篇文章主要介紹了Laravel框架分頁(yè)實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了Laravel框架實(shí)現(xiàn)分頁(yè)功能的核心代碼及其相關(guān)原理,需要的朋友可以參考下
2018-06-06