首頁  >  文章  >  後端開發  >  thinkphp自備驗證碼全面解析

thinkphp自備驗證碼全面解析

不言
不言原創
2018-06-07 10:02:421253瀏覽

這篇文章主要介紹了thinkphp自帶驗證碼的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

前端頁面:

<p style="position:absolute;z-index:3;top:160px;left:180px;">
<img style="cursor:pointer; " src="{:U(&#39;Verify&#39;)}" onclick="this.src=this.src+&#39;?&#39;+Math.random()" id="safecode" style="height:50px;width:70%;"/>
</p> 
//验证码判断
public function Verify(){
ob_clean();
//显示验证码
$cfg=array(
&#39;codeSet&#39; => &#39;0123456789&#39;, // 验证码字符集合
&#39;imageH&#39; => 25, // 验证码图片高度
&#39;imageW&#39; => 80, // 验证码图片宽度
&#39;length&#39; => 4, // 验证码位数
&#39;fontttf&#39; => &#39;4.ttf&#39;, // 验证码字体,不设置随机获取
&#39;fontSize&#39; => 10, // 验证码字体大小(px)
&#39;useNoise&#39; => false, // 是否添加杂点
&#39;useCurve&#39; => false, // 是否画混淆曲线
&#39;bg&#39; => array(226,229,236) //背景颜色
);
$very=new \Think\Verify($cfg);
$very->entry();
} 
//客户端通过ajax,实现校验验证码
public function checkVerify(){
$code = I(&#39;get.code&#39;);
$very = new \Think\Verify();
$key = $this->auth_my_code($very,$very->seKey);
// 验证码不能为空
$secode = session($key);
//对$code进行加密,在比较校验
if($this->auth_my_code($very,strtoupper($code)) == $secode[&#39;verify_code&#39;]) {
echo json_encode(array(&#39;flag&#39;=>1,&#39;cont&#39;=>&#39;验证码正确&#39;));
}else{
echo json_encode(array(&#39;flag&#39;=>2,&#39;cont&#39;=>&#39;验证码错误&#39;));
}
}
private function auth_my_code($vry,$str){
$key = substr(md5($vry->seKey), 5, 8);
$str = substr(md5($str), 8, 10);
return md5($key . $str);
}

以上驗證碼如果輸入錯誤提交後無法自動刷新,對程式碼進行更改後:

location.href="/Login/Login";這樣只能對整個頁面刷新,提交表單的值可能會遺失,非常影響使用者體驗。

2.如果驗證碼輸入錯誤,提交後自動刷新驗證碼。

else{
$(&#39;#safecode&#39;).attr("src","/Login/Verify?"+Math.random());
NewAlert(2,"验证码有误,请重新输入",null);
code_ok = false;
$(&#39;#verifyresult&#39;).html(msg.cont).css({&#39;color&#39;:&#39;red&#39;,&#39;font-size&#39;:&#39;12px&#39;}); 
}

3.以下為ajax提交驗證碼到後台校驗:

相關推薦:

thinkPHP框架實作產生條碼的方法

#

以上是thinkphp自備驗證碼全面解析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn