ThinkPHP5&5.1如何實(shí)現(xiàn)驗(yàn)證碼的生成、使用及點(diǎn)擊刷新功能

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

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

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

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

composer require topthink/think-captcha

在需要顯示驗(yàn)證碼的地方：

<tr>
 <th>請輸入驗(yàn)證碼：</th>
 <td>
  <input type="text" name="captcha" class="inp01"/>
  <img src="{:url('index/login/verify')}" alt="驗(yàn)證碼加載中" id="captcha"/>
 </td>
</tr>

其中verify是生成驗(yàn)證碼的方法：

public function verify()
{
  $config =  [
    // 驗(yàn)證碼字體大小
    'fontSize'  =>  15,
    // 驗(yàn)證碼位數(shù)
    'length'   =>  3,
    // 關(guān)閉驗(yàn)證碼雜點(diǎn)
    'useNoise'  =>  false,
  ];
  $captcha = new \think\captcha\Captcha($config);
  return $captcha->entry();
}

其中$config是驗(yàn)證碼的配置項(xiàng)，具體有哪些配置內(nèi)容可以參考手冊。

使用Ajax或者jquery-validate進(jìn)行驗(yàn)證碼的驗(yàn)證，也可以提交以后進(jìn)行驗(yàn)證：

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

為了實(shí)現(xiàn)點(diǎn)擊驗(yàn)證碼刷新的功能，還要寫js代碼：

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

這樣就實(shí)現(xiàn)了驗(yàn)證碼的驗(yàn)證功能，是不是非常簡單？

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