验证码效果如图：

验证码调用地址：Application\Home\Controller\CodeController.class.php

1. Vendor('Vcode.Vcode', '', '.class.php');  
2.  
3. $config = array("width" => 100, "height" => 36, "count" => 4, "str" => 2); //配置  
4.  
5. $vcode = new \Vcode($config);  
6.  
7. $vcode->getCode(); //获取验证码  
8.  
9. $vcode->getImg(); //输出图片  
10.  
11. exit; 

验证码图片如下：

<img src="__APP__/code/" id="code" onclick="changeCode($('#code'))"/>

JS通过后缀加随机数Math.random()来刷新验证码

1. function changeCode(obj) {  
2.  
3.  obj.attr("src", '__APP__/code/?' + Math.random());  
4.  
5. } 

检测验证码是否输入正确

1. <input type="text" id="input_code" class="input"/>  
2.  
3. <input type="button" value="提交" class="btn" onclick="checkCode()"/> 
4.  
5. function checkCode() {  
6.  
7.   $.post("__APP__/Code/check", {code: $("#input_code").val()}, function(data) {  
8.  
9.     if (data == '1') {  
10.  
11.       alert("验证码正确！");  
12.  
13.     } else {  
14.  
15.       alert("验证码错误！");  
16.  
17.     }  
18.  
19.   }, "json")  
20.  
21. } 

PHP验证传过来的参数code和当前session存储的验证码进行比较，若是正确返回1，错误则-1

1. public function check() {  
2.  
3.     $code = I('post.code');  
4.  
5.     if (strtolower($code) == $_SESSION["sucaihuo_code"]) {  
6.  
7.       echo "1";  
8.  
9.     } else {  
10.  
11.       echo "-1";  
12.  
13.     }  
14.  
15. }

Tags: php字母数字混合验证码

分享到：