php实现简单验证码的功能

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta charset="UTF-8">

     <title></title>

     <script src="jquery-2.2.3.js" type="text/javascript"></script>

 </head>

 <body>

 <?php
header("content-type:text/html;charset=utf-8");
 // $str = '请输入验证码：';

 // $rand = mt_rand(1000, 9999);

 // 这里的.就相当于java里面的加号，所以用法也是一样的，这里的单引号相当于Java里面的双引号

 $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 for="check">请输入验证码: </label>

 <div id="hiddent_val" style="display: none;"><?php echo $str ?></div>

 <input type="text" name="check" id="check_val"/><?php echo $str; ?>

 <br/>

 <input type="button" onclick="javascript:check();" value="提交"/>

 <script>

  function check(){

        var v1=$("#hiddent_val").text();

        v1 = v1*1;

        var v2=$("#check_val").val();

        v2 = v2*1;

        if(v1==v2){

            alert('ok');

            }else{

                 alert('false');

                }

      }

 </script>

 </body>

 </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()

秒客网

php实现简单验证码的功能

php实现简单验证码的功能

相关文章