php实现简单验证码的功能

最新推荐文章于 2021-08-11 14:35:13 发布

转载最新推荐文章于 2021-08-11 14:35:13 发布 · 506 阅读

文章标签：

#php #java #javascript #ViewUI

本文介绍了一种使用PHP生成并验证简单数字验证码的方法。通过随机生成四位数字，并使用HTML和CSS进行样式设置，实现了颜色随机变化的效果。同时，利用jQuery进行前端交互，完成验证码的输入与验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

php实现简单验证码的功能

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script src="jquery-2.2.3.js" type="text/javascript"></script>
 7 </head>
 8 <body>
 9 <?php
10 header("content-type:text/html;charset=utf-8");
11 // $str = '请输入验证码：';
12 // $rand = mt_rand(1000, 9999);
13 // 这里的.就相当于java里面的加号，所以用法也是一样的，这里的单引号相当于Java里面的双引号
14 $str = '';
15 $str.='<span style="color:rgb('.mt_rand(0, 255).','.mt_rand(0, 255).','.mt_rand(0, 255).')
16     ">'.mt_rand(0, 9).'</span>';
17 $str.='<span style="color:rgb('.mt_rand(0, 255).','.mt_rand(0, 255).','.mt_rand(0, 255).')
18     ">'.mt_rand(0, 9).'</span>';
19 $str.='<span style="color:rgb('.mt_rand(0, 255).','.mt_rand(0, 255).','.mt_rand(0, 255).')
20     ">'.mt_rand(0, 9).'</span>';
21 $str.='<span style="color:rgb('.mt_rand(0, 255).','.mt_rand(0, 255).','.mt_rand(0, 255).')
22     ">'.mt_rand(0, 9).'</span>';
23 // echo $str;
24 ?>
25 <label for="check">请输入验证码: </label>
26 <div id="hiddent_val" style="display: none;"><?php echo $str ?></div>
27 <input type="text" name="check" id="check_val"/><?php echo $str; ?>
28 <br/>
29 <input type="button" onclick="javascript:check();" value="提交"/>
30 
31 <script>
32  function check(){
33        var v1=$("#hiddent_val").text();
34        v1 = v1*1;
35        var v2=$("#check_val").val();
36        v2 = v2*1;
37        if(v1==v2){
38            alert('ok');
39            }else{
40                 alert('false');
41                }
42      }
43 </script>
44 </body>
45 </html>