1. 驗證碼的依賴安裝
1)去packagist網站搜索驗證碼的代碼依賴:關鍵詞:captcha
地址:https://packagist.org/packages/mews/captcha
環境要求:php>=5.4,需要開啓GD庫,同時需要開啓fileinfo和mbstring擴展
2)切換到根目錄下:
Composer方法安裝代碼依賴包:composer require mews/captcha
3)修改配置文件:config/app.php
① 配置provider信息:
'providers' => [
Mews\Captcha\CaptchaServiceProvider::class,
],
②配置別名aliases鍵
'aliases' => [
'Captcha' => Mews\Captcha\CaptchaServiceProvider::class,
],
4)如果需要修改驗證碼配置,則執行:
php artisan vendor:publish
發佈之後會在config目錄下找到對應的配置文件:
2. 驗證碼的使用
1)前端寫法,兩種任選其一
驗證碼:<input type="text" name="code" value=""><img src="{{captcha_src()}}" alt="">
驗證碼:<input type="text" name="code" value=""><img src="{{Captcha::src()}}" alt="">
如果需要自定義配置(如長度、寬高等),可以修改配置文件config/captcha.php文件(當前默認是9個長度),可以去進行修改。
2)後臺驗證
注意:驗證碼有效性驗證規則,手冊裏是沒有的,如果使用mews驗證碼包的話,其驗證碼驗證規則就是captcha
$this->validate($request,[
'yzm' => 'required|captcha'
]);
3)點擊驗證碼切換功能
①先引入jquery
②jQuery的代碼:
<script>
$(function(){
$('img').click(function(){
$(this).attr('src','{{captcha_src()}}' + '&_=' + Math.random());
})
})
</script>