ThinkPHP5&5.1如何實現驗證碼的生成、使用及點擊刷新功能

小編給大家分享一下ThinkPHP5&5.1如何實現驗證碼的生成、使用及點擊刷新功能，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

本文實例講述了ThinkPHP5&5.1實現驗證碼的生成、使用及點擊刷新功能。分享給大家供大家參考，具體如下：

驗證碼現在是用戶登錄、支付等很多環節的必備元素，ThinkPHP5&5.1給我們提供了驗證碼的生成方式，也是非常的簡單，在這里寫一個完整的驗證碼驗證的使用方法，供大家參考。

前臺用戶在登錄時候需要驗證碼驗證才能登錄。首先使用Composer安裝think-captcha擴展包：

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,
    // 驗證碼位數
    'length'   =>  3,
    // 關閉驗證碼雜點
    'useNoise'  =>  false,
  ];
  $captcha = new \think\captcha\Captcha($config);
  return $captcha->entry();
}

其中$config是驗證碼的配置項，具體有哪些配置內容可以參考手冊。

使用Ajax或者jquery-validate進行驗證碼的驗證，也可以提交以后進行驗證：

public function checkcapcha()
{
  $captcha = new \think\captcha\Captcha();
  if( !$captcha->check(input('post.captcha')))
  {
   return false;
  }else{
    return true;
  }
}

為了實現點擊驗證碼刷新的功能，還要寫js代碼：

$("#captcha").click(function(event) {
  this.src = "{:url('index/login/verify')}?"+Math.random();
});

這樣就實現了驗證碼的驗證功能，是不是非常簡單？

以上是“ThinkPHP5&5.1如何實現驗證碼的生成、使用及點擊刷新功能”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！