夏易网络

您的当前位置:首页 > 新闻动态 > 网站建设学堂 >

PHP实现表单提交验证码功能

2021-10-19 12:23:45   来源:本站原创   评论:0 点击:
验证码在网站制作的时候提交表单时用的比较多,今天给大家介绍一个比较简单的php表单提交验证码功能。亲测可用。

新建一个captcha.php

<?php
 
 //设置session,必须处于脚本最顶部
  session_start();
 
  $image = imagecreatetruecolor(100, 30);    //1>设置验证码图片大小的函数
  //设置验证码颜色 imagecolorallocate(int im, int red, int green, int blue);
  $bgcolor = imagecolorallocate($image,255,255,255); //#ffffff
  //区域填充 int imagefill(int im, int x, int y, int col) (x,y) 所在的区域着色,col 表示欲涂上的颜色
  imagefill($image, 0, 0, $bgcolor);
  //设置变量
  $captcha_code = "";
  //生成随机数字
  for($i=0;$i<4;$i++){
    //设置字体大小
    $fontsize = 6;    
    //设置字体颜色,随机颜色
    $fontcolor = imagecolorallocate($image, rand(0,120),rand(0,120), rand(0,120));      //0-120深颜色
    //设置数字
    $fontcontent = rand(0,9);
    //.=连续定义变量
    $captcha_code .= $fontcontent;  
    //设置坐标
    $x = ($i*100/4)+rand(5,10);
    $y = rand(5,10);
 
    imagestring($image,$fontsize,$x,$y,$fontcontent,$fontcolor);
  }
  //存到session
  $_SESSION['authcode'] = $captcha_code;
  //增加干扰元素,设置雪花点
  for($i=0;$i<200;$i++){
    //设置点的颜色,50-200颜色比数字浅,不干扰阅读
    $pointcolor = imagecolorallocate($image,rand(50,200), rand(50,200), rand(50,200));    
    //imagesetpixel — 画一个单一像素
    imagesetpixel($image, rand(1,99), rand(1,29), $pointcolor);
  }
  //增加干扰元素,设置横线
  for($i=0;$i<4;$i++){
    //设置线的颜色
    $linecolor = imagecolorallocate($image,rand(80,220), rand(80,220),rand(80,220));
    //设置线,两点一线
    imageline($image,rand(1,99), rand(1,29),rand(1,99), rand(1,29),$linecolor);
  }
 
  //设置头部,image/png
  header('Content-Type: image/png');
  //imagepng() 建立png图形函数
  imagepng($image);
  //imagedestroy() 结束图形函数 销毁$image
  imagedestroy($image);
 
?>


新建一个静态页index.html  需要注意文件的路径

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body><form  name="search" action="/yzm/form.php" method="get" target="_blank">
  <p class="ssk active"><input type="text" name="word"  class="searchText" placeholder="请输入关键词" value="" ></p>
  <p class="yzm"><input type="text" name='authcode' placeholder="请输入验证码" value=''/>
  <img id="captcha_img" border='1' src='/yzm/captcha.php?r=rand()' style="width:100px; height:40px" />
  <a href="javascript:void(0)" onclick="document.getElementById('captcha_img').src='/yzm/captcha.php?r='+Math.random()">换一个?</a>
  </p>
<input type="submit"  class="searchButton" value="查询">
</form>
</body>
</html>

从index.html可以看到,提交的表单是到form.php的,所以还要有一个判断的form.php代码:

<?php
header("Content-Type:text/html;charset=utf-8");      //设置头部信息
  //isset()检测变量是否设置
  if(isset($_REQUEST['authcode'])){
    session_start();
    //strtolower()小写函数
    if(strtolower($_REQUEST['authcode'])== $_SESSION['authcode']){
      //跳转页面
      echo "<script language=\"javascript\">";
      echo "document.location=\"./form.php\"";
      echo "</script>";
    }else{
      //提示以及跳转页面
      echo "<script language=\"javascript\">";
      echo "alert('验证码输入错误!');";
      echo "javascript:history.go(-1);location.replace(document.referrer);";
      echo "</script>";
    }
    exit();
  }
  ?>
  
  
  <?php
  
  echo "查询输出内容"
  
  ?>

源码下载:http://www.nnxiayi.com/myupload/2021/1019/20211019122840852.rar

新闻动态
网站建设学堂
网站优化学堂
网络行业新闻
夏易网络动态
推荐文章
如何查看网站哪些图片或文件影响网站打开速度?
如何让网站打开速度更快之图片压缩
大型企业网站建设需要注意的几个问题
高端企业网站建设PK低端企业网站建设
网站SEO优化是什么意思?