這篇文章主要介紹了Yii2如何增加驗證碼,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)服務(wù)緊隨時代發(fā)展步伐,進行技術(shù)革新和技術(shù)進步,經(jīng)過十載的發(fā)展和積累,已經(jīng)匯集了一批資深網(wǎng)站策劃師、設(shè)計師、專業(yè)的網(wǎng)站實施團隊以及高素質(zhì)售后服務(wù)人員,并且完全形成了一套成熟的業(yè)務(wù)流程,能夠完全依照客戶要求對網(wǎng)站進行網(wǎng)站建設(shè)、做網(wǎng)站、建設(shè)、維護、更新和改版,實現(xiàn)客戶網(wǎng)站對外宣傳展示的首要目的,并為客戶企業(yè)品牌互聯(lián)網(wǎng)化提供全面的解決方案。我們假設(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' => '', ]) ?>{image}{input}
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é)問為啥頁面刷新驗證碼不跟著刷新,我個人覺得刷不刷新不重要,當(dāng)你輸錯驗證碼頁面刷新的時候驗證碼才會刷新。如果你非要刷新頁面驗證碼跟著刷新,嘗試一種簡單的方法實現(xiàn)。
$('驗證碼對象').click();
即在頁面刷新的時候重新點擊一次驗證碼進行強制刷新。
感謝你能夠認真閱讀完這篇文章,希望小編分享的“Yii2如何增加驗證碼”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!