php与html结合实现验证码

最新推荐文章于 2023-01-16 10:15:33 发布

康康的博客

最新推荐文章于 2023-01-16 10:15:33 发布

阅读量1.9k

点赞数

本文链接：https://blog.csdn.net/kang123488/article/details/72784488

版权

<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="jquery-3.1.1.js"></script>
</head>
<body>
<?php
header("content-type:text/html;charset=utf-8");
// 生成颜色不一样的验证码
$str = '';
$str .= '<span style="color:rgb(' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ')">' . mt_rand(0, 9) . '<span>';
$str .= '<span style="color:rgb(' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ')">' . mt_rand(0, 9) . '<span>';
$str .= '<span style="color:rgb(' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ')">' . mt_rand(0, 9) . '<span>';
$str .= '<span style="color:rgb(' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ',' . mt_rand(0, 255) . ')">' . mt_rand(0, 9) . '<span>';
// echo $str;
?>
<label>请输入验证码:</label>
<div id="hidden_val" style="display:none;"><?php echo $str; ?></div>
	<input type="text" id="check_val" /><?php echo $str; ?><br />
	<input type="button" id="check"  value="提交" />
</body>
<script type="text/javascript">
$(function(){
	$("#check").click(function(){
		var check_val=$("#check_val").val().trim();
		var hidden_val=$("#hidden_val").text().trim();
		check_val=check_val*1;//转换为数字类型
		hidden_val=hidden_val*1;//转换为数字类型
		if(hidden_val==check_val){
			alert("true");
		}else{
			alert("false");
			 window.location.reload();//刷新当前页面.
		     
			    //或者下方刷新方法
			    //parent.location.reload()刷新父亲对象（用于框架）--需在iframe框架内使用
			    // opener.location.reload()刷新父窗口对象（用于单开窗口
			  //top.location.reload()刷新最顶端对象（用于多开窗口）
		}
		
		});
	
});
   
   

   
</script>
</html>