提交时先用js在当前页面验证是否验证码框为空，再在提交页面处理填写的验证码字符是不是与session中相同即可通过了验证
yzm.php
<?php
//如果浏览器显示“图像XXX因其本身有错无法显示”，可尽量去掉文中空格
//先成生背景，再把生成的验证码放上去
$img_height=70;//先定义图片的长、宽
$img_width=25;
$authnum=‘‘;
//生产验证码字符
$ychar="0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z";
$list=explode(",",$ychar);
for($i=0;$i<4;$i++){
$randnum=rand(0,35);
$authnum.=$list[$randnum];
}
//把验证码字符保存到session
session_start();
$_SESSION["login_check_number"]
= $authnum;
$aimg =
imagecreate($img_height,$img_width);
//生成图片
imagecolorallocate($aimg,
255,255,255);
//图片底色，ImageColorAllocate第1次定义颜色PHP就认为是底色了
$black =
imagecolorallocate($aimg, 0,0,0);
//定义需要的黑色
for ($i=1; $i<=100; $i++) {
imagestring($aimg,1,mt_rand(1,$img_height),mt_rand(1,$img_width),"@",imagecolorallocate($aimg,mt_rand(200,255),mt_rand(200,255),mt_rand(200,255)));
}
//为了区别于背景，这里的颜色不超过200，上面的不小于200
for
($i=0;$i<strlen($authnum);$i++){
imagestring($aimg,
mt_rand(5,6),$i*$img_height/4+mt_rand(2,3),mt_rand(1,$img_width/2-2),
$authnum[$i],imagecolorallocate($aimg,mt_rand(0,100),mt_rand(0,150),mt_rand(0,200)));
}
imagerectangle($aimg,0,0,$img_height-1,$img_width-1,$black);//画一个矩形
Header("Content-type:
image/PNG");
ImagePNG($aimg);
//生成png格式
ImageDestroy($aimg);
?>
填写页面
<?php
session_start();
?>
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>111111</title>
<script>
function
check(form){
if(form.verify.value == ""){
alert("Not all
empty!");
form.verify.select();
return
false;
}
}
</script>
</head>
<body>
<form
method=‘post‘ action=‘2.php‘ onSubmit="return check(this)">
<input
type=‘text‘ name=‘verify‘>
<img style="cursor:pointer" title="刷新验证码"
id="refresh" border=‘0‘
src=‘yzm.php‘
onclick="document.getElementById(‘refresh‘).src=‘yzm.php?t=‘+Math.random()"/>
<button
type=‘submit‘>确定</button>
</form>
<div
id="yzm">
</div>
</body>
</html>
处理表单页面
2.php
<?php
session_start();
if(strtolower($_SESSION[‘login_check_number‘])
!= strtolower($_POST[‘verify‘])){
///
}else{
}
?>
原文：http://www.cnblogs.com/lin3615/p/3543537.html