php jquery 驗證碼代碼

來源:互聯網
上載者:User

<?php
//調用此頁面,如果下面的式子成立,則產生驗證碼圖片
if($_get['action']=='verifycode'){
    rand_create();
}
//驗證碼圖片產生

 代碼如下 複製代碼

function rand_create(){
    //通知瀏覽器將要輸出png圖片

    header('content-type: image/png');

    //準備好隨機數發生器種子
    srand((double)microtime()*1000000);
    //準備圖片的相關參數
    $im = imagecreate(62,20);
    $black = imagecolorallocate($im, 0,0,0); //rgb黑色標識符
    $white = imagecolorallocate($im, 255,255,255); //rgb白色標識符
    $gray = imagecolorallocate($im, 200,200,200); //rgb灰色標識符
    //開始作圖   
    imagefill($im,0,0,$gray);
    while(($randval=rand()%100000)<10000);{
        //將四位整數驗證碼繪入圖片
     session_start();
   $_session['login_check_num'] = $randval;
        imagestring($im, 5, 10, 3, $randval, $black);
    }
    //加入幹擾象素
    for($i=0;$i<200;$i++){
        $randcolor = imagecolorallocate($im,rand(0,255),rand(0,255),rand(0,255));
        imagesetpixel($im, rand()%70 , rand()%30 , $randcolor);
    }
    //輸出驗證圖片
    imagepng($im);
    //銷毀映像標識符
    imagedestroy($im);
}

?>
靜態頁面上顯示驗證碼代碼為:

驗證碼:<input class="reg_main_code_input" type="text" name="reg_code" id="reg_code" />
                <img id="reg_code_img" src="code.php?action=verifycode" />
jquery部分的ajax驗證代碼為:

 代碼如下 複製代碼
$.post("session.php",
      {reg_code:$("#reg_code").val()},
      function(data){
      if(data === "1"){
       //do...
      }else{
       do...      }
     }
    );

而協助ajax驗證的php頁面名為session.php,其代碼為:

<?php

 代碼如下 複製代碼
session_start();
//檢驗驗證碼
if($_post['reg_code'] == $_session['login_check_num']){
   echo 1;
}else{
   echo 0;
   exit();
}


?>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.