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

作者：白狼出處：http://www.manks.top/article/yii2_captcha本文版權歸作者，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利。

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

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

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

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

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

2、siteController繼續配置。

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

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

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

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

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

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

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

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

6、看效果就好了。

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

$('驗證碼物件').click();

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

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