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 ThinkVerify($config);     $Verify->entry();

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

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

$Verify = new ThinkVerify($config); 
$verify
->check($code,'')

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

原文地址:https://www.cnblogs.com/hhfhmf/p/4714296.html