用户名:
密 码: 记住
您当前的位置:首页 > 网络编程 > php教程

PHP验证码之Ajax验证实现方法

时间:2015-01-23  来源:西部数据  作者:西部数据

在网站开发中为了提供用户体验我们多数都使用ajax来做一些操作,下面我来介绍一个利用ajax实现无刷新页面的验证码ajax验证有需要的朋友可参考.

下面介绍一个简单的PHP验证码,代码如下:

  1. <?php   
  2. session_start();  
  3. //设置: 你可以在这里修改验证码图片的参数  
  4. $image_width = 120;  
  5. $image_height = 40;  
  6. $characters_on_image = 6;  
  7. $font = './monofont.ttf';   
  8.    
  9. //以下字符将用于验证码中的字符   
  10. //为了避免混淆去掉了数字1和字母i  
  11. $possible_letters = '23456789bcdfghjkmnpqrstvwxyz';  
  12. $random_dots = 10;  
  13. $random_lines = 30;  
  14. $captcha_text_color="0x142864";  
  15. $captcha_noice_color = "0x142864";   
  16.    
  17. $code = '';   
  18.    
  19. $i = 0;  
  20. while ($i < $characters_on_image) {   
  21.     $code .= substr($possible_letters, mt_rand(0, strlen($possible_letters)-1), 1);  
  22.     $i++;  
  23. }  
  24.    
  25. $font_size = $image_height * 0.75;   
  26. $image = @imagecreate($image_width$image_height);  
  27.    
  28. /* 设置背景、文本和干扰的噪点 */  
  29. $background_color = imagecolorallocate($image, 255, 255, 255);  
  30.    
  31. $arr_text_color = hexrgb($captcha_text_color);   
  32. $text_color = imagecolorallocate($image$arr_text_color['red'],   
  33. $arr_text_color['green'], $arr_text_color['blue']);  
  34.    
  35. $arr_noice_color = hexrgb($captcha_noice_color);   
  36. $image_noise_color = imagecolorallocate($image$arr_noice_color['red'],   
  37. $arr_noice_color['green'], $arr_noice_color['blue']);  
  38.    
  39. /* 在背景上随机的生成干扰噪点 */  
  40. for$i=0; $i<$random_dots$i++ ) {  
  41.     imagefilledellipse($image, mt_rand(0,$image_width),  
  42.     mt_rand(0,$image_height), 2, 3, $image_noise_color);  
  43. }  
  44.    
  45. /* 在背景图片上,随机生成线条 */  
  46. for$i=0; $i<$random_lines$i++ ) {  
  47.     imageline($image, mt_rand(0,$image_width), mt_rand(0,$image_height),  
  48.     mt_rand(0,$image_width), mt_rand(0,$image_height), $image_noise_color);  
  49. }  
  50.    
  51. /* 生成一个文本框,然后在里面写生6个字符 */  
  52. $textbox = imagettfbbox($font_size, 0, $font$code);   
  53. $x = ($image_width - $textbox[4])/2;  
  54. $y = ($image_height - $textbox[5])/2;  
  55. imagettftext($image$font_size, 0, $x$y$text_color$font , $code);  
  56.    
  57. /* 将验证码图片在HTML页面上显示出来 */  
  58. header('Content-Type: image/jpeg'); 
  59. // 设定图片输出的类型  
  60. imagejpeg($image); 
  61. //显示图片  
  62. imagedestroy($image); 
  63. //销毁图片实例  
  64. $_SESSION['6_letters_code'] = $code;  
  65. //开源代码phpfensi.com 
  66. function hexrgb ($hexstr) {  
  67.     $int = hexdec($hexstr);  
  68.    
  69.     return array"red" => 0xFF & ($int >> 0x10),  
  70.                 "green" => 0xFF & ($int >> 0x8),  
  71.                 "blue" => 0xFF & $int 
  72.     );  
  73. }  
  74. ?> 

验证码生成后,我们要在实际的项目中应用,通常我们使用ajax可以实现点击验证码时刷新生成新的验证码(有时生成的验证码肉眼很难识别),即“看不清换一张”,填写验证码后,还需要验证所填验证码是否正确,验证的过程是要后台程序来完成,但是我们也可以通过ajax来实现无刷新验证.

验证验证码正确或错误的方法

验证码图片上的文字被存放到了SESSION 变量里面,验证的时候,我们需要将SESSION 里面的值和用户输入的值进行比较即可.

$_SESSION[6_letters_code] – 存放着验证码的文字值

$_POST[6_letters_code] – 这是用户输入的验证码的内容

我们建立一个前端页面index.html,载入jquery,同时在body中加入验证码表单元素,代码如下:

  1. <p>验证码:<input type="text" class="input" id="code_num" name="code_num" maxlength="4" />   
  2. <img src="code_num.php" id="getcode_num" title="看不清,点击换一张" align="absmiddle"></p>  
  3. <p><input type="button" class="btn" id="chk_num" value="提交" /></p> 

html代码中,<img src="code_num.php"即调用了生成的验证码,当点击验证码时,刷新生成新的验证码,代码如下:

  1. $(function(){  
  2.     //数字验证  
  3.     $("#getcode_num").click(function(){  
  4.         $(this).attr("src",'code_num.php?' + Math.random());  
  5.     });  
  6.     ...  
  7. });  

刷新验证码,其实就是重新请求了验证码生成程序,这里要注意的是调用code_num.php时要带上随机参数防止缓存,接下来填写好验证码之后,点“提交”按钮,通过$.post(),前端向后台chk_code.php发送ajax请求,代码如下:

  1. $(function(){  
  2.     ...  
  3.     $("#chk_num").click(function(){  
  4.         var code_num = $("#code_num").val();  
  5.         $.post("chk_code.php?act=num",{code:code_num},function(msg){  
  6.             if(msg==1){  
  7.                 alert("验证码正确!");  
  8.             }else{  
  9.                 alert("验证码错误!");  
  10.             }  
  11.         });  
  12.     });  
  13. });  

后台chk_code.php验证,代码如下:

  1. session_start();  
  2. $code = trim($_POST['code']);  
  3. if($code==$_SESSION["helloweba_num"]){  
  4.    echo '1';  

后台根据提交的验证码与保存在session中的验证码比对,完成验证.

来顶一下
返回首页
返回首页
推荐资讯
WiFi太不安全:7岁女孩11分钟内入侵公共网络 WiFi太不安全:7岁女孩11分钟内入侵近期刚刚发布研究说WiFi网络能获得人们手机里多少私人信息,
不服跑个分?人工智能也出现“刷分”乱象 不服跑个分?人工智能也出现“刷分2014年,人工智能领域突然爆发,成为了科研和科技创业的热门
相关文章
栏目更新
栏目热门