yii2驗證碼樣式如何設(shè)定

#第一步，控制器：

##在任何controller裡面重寫方法

public function actions()
{        return [
　　　　　　　　'captcha' => [
    　　　　　　　　'class' => 'yii\captcha\CaptchaAction',
    　　　　　　　　'fixedVerifyCode' => YII_ENV_TEST ? 'testme' : null,
    　　　　　　　　'backColor' => 0x000000,//背景顏色
    　　　　　　　　'maxLength' => 6, //最大顯示個數(shù)
    　　　　　　　　'minLength' => 5,//最少顯示個數(shù)
    　　　　　　　　'padding' => 5,//間距
    　　　　　　　　'height' => 40,//高度
    　　　　　　　　'width' => 130,  //寬度
    　　　　　　　　'foreColor' => 0xffffff,     //字體顏色
    　　　　　　　　'offset' => 4,        //設(shè)置字符偏移量 有效果
　　　　　　　　], 　　　　　　]; 
}

?第二步，表單模型：##這裡只給驗證碼相關(guān)的部分。

相關(guān)文章教學(xué)推薦：

yii教學(xué)

class ContactForm extends Model{    
    public $verifyCode;    
    public function rules(){        
            return [
                ['verifyCode', 'required'],
                ['verifyCode', 'captcha'],
          ];
    }
}

驗證規(guī)則裡面驗證碼的驗證器是

captcha

。

第三步，視圖：

用ActiveForm產(chǎn)生對應(yīng)欄位。

captchaAction

參數(shù)指定第一步是寫在哪裡的，預(yù)設(shè)是site裡面。 <pre class='brush:php;toolbar:false;'> &lt;?= $form-&gt;field($model, &amp;#39;verifyCode&amp;#39;)-&gt;widget(Captcha::className(), [ &amp;#39;template&amp;#39; =&gt; &amp;#39;&lt;div class=&quot;row&quot;&gt;&lt;div class=&quot;col-lg-3&quot;&gt;{image}&lt;/div&gt;&lt;div class=&quot;col-lg-6&quot;&gt;{input}&lt;/div&gt;&lt;/div&gt;&amp;#39;, ]) ?&gt;</pre>?驗證碼，產(chǎn)生和驗證的整個流程就完成了。?

以上是產(chǎn)生驗證碼的流程，因為驗證碼數(shù)字是在程式碼中寫死的，如果我們需要數(shù)字的話，那該怎麼辦呢？

很好辦，我們可以自己寫個類別來繼承CaptchaAction，重寫generateVerifyCode方法，範(fàn)例：

namespace yii\captcha;
class   Newcaptcha extends CaptchaAction
{
    protected function generateVerifyCode()
    {
        if ($this->minLength > $this->maxLength) {
            $this->maxLength = $this->minLength;
        }
        if ($this->minLength < 3) {
            $this->minLength = 3;
        }
        if ($this->maxLength > 20) {
            $this->maxLength = 20;
        }
        $length = mt_rand($this->minLength, $this->maxLength);

        $letters = &#39;1234567890123456789012&#39;;
        $vowels = &#39;aeiou&#39;;
        $code = &#39;&#39;;
        for ($i = 0; $i < $length; ++$i) {
            if ($i % 2 && mt_rand(0, 10) > 2 || !($i % 2) && mt_rand(0, 10) > 9) {
                $code .= $vowels[mt_rand(0, 4)];
            } else {
                $code .= $letters[mt_rand(0, 20)];
            }
        }
        return $code;
    }
}

產(chǎn)生類別檔案成功。

然後再更改控制器的配置

'captcha' => [
    'class' => 'yii\captcha\Newcaptcha',
    'maxLength' => 5,
    'minLength' =>5
],

好了，更改完成，讓我們來看效果吧!

更多yii框架知識，可以觀看相關(guān)

程式學(xué)習(xí)課程

，！ ！

以上是yii2驗證碼樣式如何設(shè)定的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！