原生Php无刷新（验证+刷新验证码）
概述：本案例既实现了php注册页面的验证码无刷新刷新功能
又实现了表单的无刷新验证，。效果绝对实用。本例只做为测试样例，未接数据库验证。
源文件分2部分:code.php和zhuce.php。
其中code.php文件为验证码文件，zhuce.php文件为注册页面。
闲话少说，代码献上。
Code.php
<?php
session_start();
//生成验证码图片
Header("Content-type: image/PNG");
$im = imagecreate(44,18); // 画一张指定宽高的图片
$back = ImageColorAllocate($im, 245,245,245); // 定义背景颜色
imagefill($im,0,0,$back); //把背景颜色填充到刚刚画出来的图片中
$vcodes = "";
srand((double)microtime()*1000000);
//生成4位数字
for($i=0;$i<4;$i++){
$font = ImageColorAllocate($im, rand(100,255),rand(0,100),rand(100,255)); // 生成随机颜色
$authnum=rand(1,9);
$vcodes.=$authnum;
imagestring($im, 5, 2+$i*10, 1, $authnum, $font);
}
$_SESSION[‘VCODE‘] = $vcodes;
for($i=0;$i<100;$i++) //加入干扰象素
{
$randcolor = ImageColorallocate($im,rand(0,255),rand(0,255),rand(0,255));
imagesetpixel($im, rand()%70 , rand()%30 , $randcolor); // 画像素点函数
}
ImagePNG($im);
ImageDestroy($im);
?>
<img src="code.php" />
<?php
echo $_SESSION[‘VCODE‘];
echo "211";
?>
Zhuce.php
<?php
session_start();
if(isset($_POST[‘auth‘])){
$auth = $_POST[‘auth‘];
//$test=$_POST[‘test‘];
$error="验证码输入有误";
$true="ok";
if($_SESSION["VCODE"] == $auth)
{
echo $true;
header("location: http://www.xinhuanet.com/");
}else
{
$tests=$_POST[‘test‘];
echo $error;
}
}
?>
<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head>
<title>login</title>
<style type="text/css">
<!--
#textboxs {
height: 18px;
width: 100px;
}
table{ margin:0 auto;}
img{ width:60px; height:30px;}
.text {
font-size: 14px;
vertical-align: bottom;
color: #0000FF;
}
.style1 {
font-size: 18px;
color: #0000FF;
font-family: "幼圆";
}
-->
</style>
<script language="JavaScript">
function reloadcode()
{
var verify=document.getElementById(‘safecode‘);
verify.setAttribute(‘src‘,‘code.php?‘+Math.random());
//这里必须加入随机数不然地址相同会重新加载
}
</script>
</head>
<body>
<table width="200">
<tr><td align="center" valign="bottom" class="style1" bgcolor="#C7D3F9">请输入验证码</td>
</tr>
</table>
<form method="post" >
<table width="200" border="0" bgcolor="C7D3F9">
<tr>
<td class="text">验证码：</td>
<td align="right" valign="bottom"><input type="text" name="auth" id="textboxs"/></td>
</tr>
<tr><td><img src="code.php?act=yes" align="middle" id="safecode"></td></tr>
</table>
<table width="200"><tr><td align="right"><input type="button" value="看不清楚验证码" onClick="reloadcode();">
<input name="submit" type="submit" value="Submit"></td></tr>
<tr><td><input type="text" name="test" value="<?php if(isset($tests)){ echo $tests;}?>"></td></tr></table>
</form>
</body>
</html>
有关表单提交前的交互，这里不做详解，有兴趣的可以加我好友私聊！
时间： 2024-08-26 15:10:38