資訊專欄INFORMATION COLUMN
摘要：說(shuō)明框架的官方文檔對(duì)于驗(yàn)證碼的使用涉及的篇幅很少，然而驗(yàn)證碼在開發(fā)中其實(shí)使用得非常多，以下是通過(guò)查閱資料，摸索出的方案解決了驗(yàn)證碼不能刷新的問(wèn)題使用步驟定義驗(yàn)證碼和一樣，驗(yàn)證碼需定義在方法中通常為了方便，可以直接將它定義在中，如果想定義在控
說(shuō)明
Yii2框架的官方文檔對(duì)于驗(yàn)證碼的使用涉及的篇幅很少，然而驗(yàn)證碼在開發(fā)中其實(shí)使用得非常多，以下是通過(guò)查閱資料，摸索出的方案
解決了驗(yàn)證碼不能刷新的問(wèn)題
使用步驟 1. 定義驗(yàn)證碼action和error一樣，驗(yàn)證碼需定義在actions方法中
通常為了方便，可以直接將它定義在SiteController中，如果想定義在控制器也可以，只是調(diào)用時(shí)一定要指明是哪個(gè)控制中
以SiteController為例
[
"class" => "yiicaptchaCaptchaAction",
"fixedVerifyCode" => YII_ENV_TEST ? "testme" : null,
"backColor"=>0x000000,//背景顏色
"maxLength" => 5, //最大顯示個(gè)數(shù)
"minLength" => 4,//最少顯示個(gè)數(shù)
"padding" => 3,//間距
"height"=>34,//高度
"width" => 90, //寬度
"foreColor"=>0xffffff, //字體顏色
"offset"=>4 //設(shè)置字符偏移量 有效果
],
"error" => [
"class" => "yiiwebErrorAction",
]
];
}
}
2. 視圖中輸出驗(yàn)證碼圖片
注意事項(xiàng)請(qǐng)查看代碼中的html注釋部分
3. 解決驗(yàn)證碼不刷新問(wèn)題
這里使用js解決該問(wèn)題，通常驗(yàn)證碼都要求點(diǎn)擊刷新，刷新頁(yè)面時(shí)也刷新，然而Yii2驗(yàn)證碼，如果用js控制，更新驗(yàn)證碼地址其實(shí)不會(huì)起作用，但是我們還是可以按以下方式來(lái)彌補(bǔ)
$(function () {
//解決驗(yàn)證碼不刷新的問(wèn)題
changeVerifyCode();
$("#captcha-img").click(function () {
changeVerifyCode();
});
});
//更改或者重新加載驗(yàn)證碼
function changeVerifyCode() {
//項(xiàng)目URL
var adminUrl = $("#admin-url").val();
$.ajax({
//使用ajax請(qǐng)求site/captcha方法，加上refresh參數(shù)，接口返回json數(shù)據(jù)
url: adminUrl+"index.php/site/captcha?refresh",
dataType: "json",
cache: false,
success: function (data) {
//將驗(yàn)證碼圖片中的圖片地址更換
$("#captcha-img").attr("src", data["url"]);
}
});
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/25749.html
摘要：好比注冊(cè)功能模塊，手機(jī)號(hào)郵箱注冊(cè)這些，肯定是要驗(yàn)證其的唯一性的，重復(fù)了登錄就會(huì)混亂。需求分析使用框架自帶的在不刷新頁(yè)面的情況下驗(yàn)證手機(jī)號(hào)郵箱唯一性。相關(guān)資料表單驗(yàn)證問(wèn)題注冊(cè)時(shí)驗(yàn)證手機(jī)號(hào)唯一 序言 驗(yàn)證唯一性很重要，說(shuō)不上用得很普及，但是也必須要有。好比注冊(cè)功能模塊，手機(jī)號(hào)、郵箱注冊(cè)這些，肯定是要驗(yàn)證其的唯一性的，重復(fù)了登錄就會(huì)混亂。那么如何使用Yii2自帶的targetClass驗(yàn)證唯...
摘要：好比注冊(cè)功能模塊，手機(jī)號(hào)郵箱注冊(cè)這些，肯定是要驗(yàn)證其的唯一性的，重復(fù)了登錄就會(huì)混亂。需求分析使用框架自帶的在不刷新頁(yè)面的情況下驗(yàn)證手機(jī)號(hào)郵箱唯一性。相關(guān)資料表單驗(yàn)證問(wèn)題注冊(cè)時(shí)驗(yàn)證手機(jī)號(hào)唯一 序言 驗(yàn)證唯一性很重要，說(shuō)不上用得很普及，但是也必須要有。好比注冊(cè)功能模塊，手機(jī)號(hào)、郵箱注冊(cè)這些，肯定是要驗(yàn)證其的唯一性的，重復(fù)了登錄就會(huì)混亂。那么如何使用Yii2自帶的targetClass驗(yàn)證唯...
摘要：控制器代碼最大顯示個(gè)數(shù)最少顯示個(gè)數(shù)高度寬度設(shè)置字符偏移量有效果模型代碼在方法中添加如下一行注意這個(gè)屬性指向我們上面在控制中定義的這個(gè)。 控制器代碼 public function actions() { return [ captcha => [ class => yiicaptchaCaptchaActi...
摘要：我們做程序的時(shí)候，加密解密是繞不開的話題，使用開發(fā)應(yīng)用的時(shí)候，都內(nèi)置了哪些有關(guān)加密解密安全方便的支持那本文將為你揭曉。函數(shù)聲明為存在著第三個(gè)參數(shù)，比如我們可以傳遞會(huì)員的等，這樣此信息將和一起作為加密解密的鑰匙。 我們做程序的時(shí)候，加密解密是繞不開的話題，使用yii2開發(fā)應(yīng)用的時(shí)候，都內(nèi)置了哪些有關(guān)加密解密（安全）方便的支持那？本文將為你揭曉。 相關(guān)環(huán)境 操作系統(tǒng)及IDE macOS ...
閱讀 2331·2021-10-11 10:59
閱讀 2612·2021-10-11 10:58
閱讀 3318·2021-09-08 09:35
閱讀 3821·2021-09-02 15:21
閱讀 1470·2019-08-30 15:53
閱讀 2621·2019-08-29 14:16
閱讀 2081·2019-08-26 14:00
閱讀 2965·2019-08-26 13:52
