PHP 验证码

最新推荐文章于 2021-03-17 20:34:49 发布

原创最新推荐文章于 2021-03-17 20:34:49 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#PHP #验证码

PHP 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个简单的验证码实现方案，包括HTML页面布局、JavaScript交互逻辑及ThinkPHP后端验证过程。前端通过HTML和JavaScript生成验证码并进行输入验证，后端则负责生成验证码图片及校验用户输入。

试用的场景比如：用户注册需要填写验证码，或者修改用户名密码填写验证码

1.HTML页面：

//输入框： 
<input class="input2" type='text' name='check' value=''placeholder='验证码' id="make">
//验证码：
 <img src="{:U('User/verify')}" id="yzm">

2.js部分：

 function check(){ 
               var code=$("input[name=check]").val();
                var data = "code="+code;
                $.get("__CONTROLLER__/checkcode",data,function(re){          
                            if(re){
                                $("input[name=check]").css("color","green");
                            }else{
                                $("input[name=check]").css("color","red");
                            }
                        })  
                    }
                  $("input[name=check]").blur(check);
                     
                     $("#yzm").click(function(){
                           var num = Math.random();
                            var url = "{:U('Home/User/verify/asd/"+num+"')}";
                         $(this).attr("src",url);
                         check();
                     })

3.对应的user控制器部分

public function verify(){
    $config =array(
        'useZh'     =>  false,           // 使用中文验证码 
        'useImgBg'  => true,           // 使用背景图片 
        'useCurve'  =>  false,            // 是否画混淆曲线
        'useNoise'  =>  true,            // 是否添加杂点 
        'length'    =>  4,               // 验证码位数
        'bg'        =>  array(243, 251, 254),  // 背景颜色
         'fontSize'  =>  25,   //其他属性可以自行设置~~ 
        );
     $Verify=new \Think\Verify($config);
     $Verify->entry();
       }

public function checkcode(){
     $config=array(
            'reset'     =>  false,           // 验证成功后是否重置
     );
   $code=I("code");
   $Verify=new \Think\Verify($config);
   $arr=$Verify->check($code);
   echo $arr;
 }