ThinkPHP5&5.1實現(xiàn)驗證碼的生成、使用及點擊刷新功能示例
本文實例講述了ThinkPHP5&5.1實現(xiàn)驗證碼的生成、使用及點擊刷新功能。分享給大家供大家參考,具體如下:
驗證碼現(xiàn)在是用戶登錄、支付等很多環(huán)節(jié)的必備元素,ThinkPHP5&5.1給我們提供了驗證碼的生成方式,也是非常的簡單,在這里寫一個完整的驗證碼驗證的使用方法,供大家參考。
前臺用戶在登錄時候需要驗證碼驗證才能登錄。首先使用Composer安裝think-captcha擴(kuò)展包:
composer require topthink/think-captcha
在需要顯示驗證碼的地方:
<tr> <th>請輸入驗證碼:</th> <td> <input type="text" name="captcha" class="inp01"/> <img src="{:url('index/login/verify')}" alt="驗證碼加載中" id="captcha"/> </td> </tr>
其中verify是生成驗證碼的方法:
public function verify() { $config = [ // 驗證碼字體大小 'fontSize' => 15, // 驗證碼位數(shù) 'length' => 3, // 關(guān)閉驗證碼雜點 'useNoise' => false, ]; $captcha = new \think\captcha\Captcha($config); return $captcha->entry(); }
其中$config是驗證碼的配置項,具體有哪些配置內(nèi)容可以參考手冊。
使用Ajax或者jquery-validate進(jìn)行驗證碼的驗證,也可以提交以后進(jìn)行驗證:
public function checkcapcha() { $captcha = new \think\captcha\Captcha(); if( !$captcha->check(input('post.captcha'))) { return false; }else{ return true; } }
為了實現(xiàn)點擊驗證碼刷新的功能,還要寫js代碼:
$("#captcha").click(function(event) { this.src = "{:url('index/login/verify')}?"+Math.random(); });
這樣就實現(xiàn)了驗證碼的驗證功能,是不是非常簡單?
更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。
希望本文所述對大家基于ThinkPHP框架的PHP程序設(shè)計有所幫助。
相關(guān)文章
使用PHP+Redis實現(xiàn)延遲任務(wù),實現(xiàn)自動取消訂單功能
這篇文章主要介紹了用PHP+Redis實現(xiàn)延遲任務(wù),實現(xiàn)自動取消訂單功能,通過業(yè)務(wù)場景給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11php arsort 數(shù)組降序排序詳細(xì)介紹
php arsort函數(shù)用于將數(shù)組中的元素按照降序進(jìn)行排序,如果排序成功則返回true,否則返回false,本文章向大家講解arsort函數(shù)的基本語法及使用實例,需要的朋友可以參考下2016-11-11PHP網(wǎng)頁游戲?qū)W習(xí)之Xnova(ogame)源碼解讀(五)
這篇文章主要介紹了PHP網(wǎng)頁游戲Xnova(ogame)源碼解讀游戲主界面,需要的朋友可以參考下2014-06-06Swoole?webSocket消息服務(wù)系統(tǒng)代碼設(shè)計詳解
這篇文章主要為大家介紹了Swoole?webSocket消息服務(wù)系統(tǒng)代碼設(shè)計詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03