快捷導(dǎo)航

Yii1.0 不同頁(yè)面多個(gè)驗(yàn)證碼的使用實(shí)現(xiàn)

更新時(shí)間：2020年03月06日 12:43:10 作者：如若時(shí)光蕭瑟去丶

這篇文章主要介紹了Yii1.0 不同頁(yè)面多個(gè)驗(yàn)證碼的使用實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

當(dāng)業(yè)務(wù)A頁(yè)面有驗(yàn)證碼，且業(yè)務(wù)B頁(yè)面也需要驗(yàn)證碼。這個(gè)時(shí)候，如果A和B共用一個(gè)驗(yàn)證碼，則會(huì)出現(xiàn)這種情況：
A頁(yè)面出現(xiàn)驗(yàn)證碼，這個(gè)時(shí)候打開(kāi)B頁(yè)面驗(yàn)證碼，再回到A頁(yè)面輸入驗(yàn)證碼，即使驗(yàn)證碼輸入無(wú)誤，也會(huì)驗(yàn)證不通過(guò)。因?yàn)锳和B共用一個(gè)驗(yàn)證碼，也就是驗(yàn)證碼存儲(chǔ)的session是一個(gè)，這樣對(duì)用戶體驗(yàn)很不好。
解決方法如下：

HTML代碼

<!DOCTYPE html>
<html>
<head>
  <title>業(yè)務(wù)A的驗(yàn)證碼頁(yè)面</title>
</head>
<body>
  <img src="" alt="驗(yàn)證碼" id="imgValCode">
</body>
</html>
 <script src="jquery.js"></script>
  <script type="text/javascript">
  $.ajax({
    url: '/Captcha/A/refresh', //不同業(yè)務(wù)模塊調(diào)用不同的url B業(yè)務(wù)調(diào)用/Captcha/B/refresh
    type: 'get',
    dataType: 'json',
    async: true,
    success:function(data) {
      if ( data.src ) {
        $('#imgValCode').attr('src',data.src);
      }
    }
  });
</script>

PHP代碼

<?php
/**
 * yii1.0 驗(yàn)證碼類
 * 多個(gè)驗(yàn)證碼，方式業(yè)務(wù)A頁(yè)面和業(yè)務(wù)B頁(yè)面同時(shí)打開(kāi)，共用一個(gè)驗(yàn)證碼session，導(dǎo)致其中一個(gè)被失效的問(wèn)題
 */
class CaptchaController extends CHttpModuleController 
{
  /**
   * 驗(yàn)證碼生成函數(shù)
   */
  public function actions() 
  {
    return [
      //A業(yè)務(wù)驗(yàn)證碼
      'A' => [
        'class' => 'application.components.MyCaptcha.MyCaptchaAction',
        'backColor' => 0xFFFFFF,
        'minLength' => 5,
        'maxLength' => 5,
        'offset' => 5,
        'testLimit' => 1,
        'width' => 100,
        'height' => 40,
        'isInterferingLine' => true, //是否啟用干擾線
        'interferingLineNumber' => 8, //干擾線數(shù)量設(shè)置
        'foreColor' => '0x0c0c0e'
      ],
      //B業(yè)務(wù)驗(yàn)證碼
      'B' => [
        'class' => 'application.components.MyCaptcha.MyCaptchaAction',
        'backColor' => 0xFFFFFF,
        'minLength' => 5,
        'maxLength' => 5,
        'offset' => 5,
        'testLimit' => 1,
        'width' => 100,
        'height' => 40,
        'isInterferingLine' => false, //是否啟用干擾線
        'interferingLineNumber' => 8, //干擾線數(shù)量設(shè)置
        'foreColor' => '0x0c0c0e'
      ]
    ];
  }

  /**
   * 驗(yàn)證碼驗(yàn)證函數(shù)
   * 在需要驗(yàn)證驗(yàn)證碼的控制器中調(diào)用，傳遞businessId(業(yè)務(wù)類型id)作為區(qū)分不同驗(yàn)證碼的id
   * 調(diào)用方式：
   * Yii::app()->runController('Captcha/actionVerifyCode',[ 'businessId' => 'A' ]);
   */
  public function actionVerifyCode($businessId) 
  {
    $code = Yii::app()->request->getPost('code');        //接收用戶輸入的驗(yàn)證碼
    if ( $businessId == 'A' ) {
      $vcode = $this->createAction('A')->getVerifyCode();   //獲取A業(yè)務(wù)的驗(yàn)證碼
    } else if ( $businessId == 'B' ) {
      $vcode = $this->createAction('B')->getVerifyCode();   //獲取B業(yè)務(wù)的驗(yàn)證碼
    }
    if ( empty($vcode) || empty($code) || $vcode != $code ) {  //驗(yàn)證用戶輸入驗(yàn)證碼與驗(yàn)證碼是否相等
      return false;    //驗(yàn)證不通過(guò)
    }
    return true;  //驗(yàn)證通過(guò)
  }
}
?>

到此這篇關(guān)于Yii1.0 不同頁(yè)面多個(gè)驗(yàn)證碼的使用實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)Yii1.0 多驗(yàn)證碼內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: