Thinkphp下实现验证码登陆功能

第一步：在前台写一个带有超链接的图片代码,例如：

<a href="javascript:void(change_code(this))"><img src="{:U(‘Admin/Login/verify‘)}" id="code"/></a>

超链接用JS，图片地址调用自己写的方法。

第二步：加入JS代码

<script type="text/javascript">
            var URL=‘{:U("Admin/Login/verify","","")}/‘;
            function change_code(obj){
                $("#code").attr("src",URL+Math.random());
                return false;
            }
        </script>

当点击图片的时候触发 change_code(obj)事件，通过加一个随机数改变图片地址，注意：URL的伪静态后缀名一定要为空。

第三步：后台生成验证码图片的方法verify

$config =    array(
        ‘fontSize‘    =>    18,    // 验证码字体大小
        ‘length‘      =>    4,     // 验证码位数
        ‘useNoise‘    =>    false, // 关闭验证码杂点
        ‘imageW‘      =>    130,   //  图片宽
        ‘imageH‘      =>    50,    //  图片高
    );
    $Verify = new \Think\Verify($config);     $Verify->entry();

首先配置想要的验证码属性，再实例化验证码

第四部：验证验证码是否输入正确

$Verify = new \Think\Verify($config); $verify->check($code,‘‘)

Think3.2下直接调用check，验证码输入正确，返回1，输入错误，返回0