Laravel-驗證碼 captcha

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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章