利用AJAX在静态页面上引入验证码.docVIP

利用AJAX 在静态页面上引入验证码 默认分类 2010-11-20 17:56:14 阅读46 评论0 ??字号：大中小?订阅 这次我把验证码的PHP 代码整理好。具体整个验证实现有三个文件，分别yan.php、bijiao.php、ces.html； yan.php: ?php session_start();ob_start();for($i=0;$i4;$i++){$rand.=dechex(rand(0,15));}$_SESSION[yan]=$rand;$im=imagecreatetruecolor(70,20);$bg=imagecolorallocate($im,185,185,185);imagefill($im,10,10,$bg);$zi=imagecolorallocate($im,0,0,0); imagettftext($im,12,rand(-4,4),10,15,$zi,SIMYOU.TTF,$rand);//增加干扰线for($j=0;$j3;$j++){$line=imagecolorallocate($im,rand(0,255),rand(0,255),rand(0,255));imageline($im,rand(0,50),rand(0,20),rand(0,50),rand(0,20),$line);}//增加噪点$poter=imagecolorallocate($im,rand(0,255),rand(0,255),rand(0,255)); for($k=0;$k100;$k++){imagesetpixel($im,rand(0,70),rand(0,20),$poter);}header(Content-type: image/jpeg);imagejpeg($im);? bijiao.php： ?php session_start();if($_SESSION[yan]==$_POST[yanzhengm]){echo var a=1;;}else{echo var a=2;;}? ces.html： script language=javascript src=zhaobiao/js/jquery.js/scriptscript language=javascript type=text/javascriptvar b;function refreshimg(){var im =document.getElementById(yanz);im.src=yan.php?+Math.random();//这个特别重要}function tian(){var text=$(#text).val();$.ajax({?? type: POST,?? url: bijiao.php,?? dataType: script,?? async: false,?? data: yanzhengm=+text,?? success: function(data){??? if(a==2){?alert(验证码错误);}?b=a;?? }})if(b==2){ refreshimg();return false;}}/script form action=tijiao.php method=post onsubmit=return tian();input id=text type=text name=text? /input type=submit name=sub value=提交 /img id=yanz src=yan.php onclick=refreshimg();//form 不好意思，之前复制的时候出错了。代码是已经修正过来了 代码就是这样，只要用到验证码的页面 只需要像CES.HTML这样 调用一下页面就可以了。 注意是事项：1、?yan.php 这个页面的同目录里要有一个SIMYOU.TTF 的 字体，当然你也可以用别的字体。 ???????????????????? 2、CES.HTML 引入了jquery.js? 要注意引入jquery.js路径确实有jquery.js?的存在哦。 ???????????????????? 3、tian()是JS 判断的代码，读者可以增加更多的。 ???????????????????? 4、refreshimg()这个函数 是刷新验证码的。