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>
6. 掉用jquery
10. 指明编码方式为utf-8
15. span标签,制定color的rgb,php中的随机数mt_rand(),点dot号做连接,像极了Java中的连接符+号
21. 点号做连接
25. for元素
26. 不显示display为none,调用php中的变量$str
33. #号来取id属性,$符号在这里找到位置(感觉有点php变量的意思,因为之前html5和js里面是没有的,那么其实有可能是jquery里面的东西),取div的text
35. 文本框input-text取val()