php案例1——随机生成验证码

随机生成验证码（没有添加js包无法实现alert功能）
 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script src="jquery-3.1.1.min.js" type="text/javascript"></script>
 7 </head>
 8 
 9 <body>
10 <?php
11     //$str='请输入验证码:';
12     //$rand=mt_rand(1000,9999);
13     header("content-type:text/html;charst=utf-8");
14     
15     $str='';
16 
17     $str.='<span style=" color:rgb('.mt_rand(0,255).','.mt_rand(0,255).','.mt_rand(0,255).')">'.mt_rand(0,9).'</span>';
18     $str.='<span style=" color:rgb('.mt_rand(0,255).','.mt_rand(0,255).','.mt_rand(0,255).')">'.mt_rand(0,9).'</span>';
19     $str.='<span style=" color:rgb('.mt_rand(0,255).','.mt_rand(0,255).','.mt_rand(0,255).')">'.mt_rand(0,9).'</span>';
20     $str.='<span style=" color:rgb('.mt_rand(0,255).','.mt_rand(0,255).','.mt_rand(0,255).')">'.mt_rand(0,9).'</span>';
21 
22 ?>
23     <label for="check">请输入验证码:</label>
24     <div id="hiddent_val" style="display:none;"><?php echo $str; ?></div>
25     <input type="text" name="check" id="check_val"/>
26 <?php
27     echo $str;
28 ?>
29 <br/>
30 
31     <input type="button" onclick="javascript:check();" value="提交"/>
32 
33     <script>
34         function check(){
35             var v1=$("#hiddent_val").text();
36             v1=v1*1;
37             var v2=S("#check_val").val();
38             v2=v2*1;
39             if(v1==v2){
40                 alert('ok');
41             }else{
42                     alert('false');
43             }
44     }
45     </script>
46 </body>
47 </html>