首页 > > 网络编程 > Php编程 >

thinkphp验证码的实现

2018-06-22 04:53:35来源：未知阅读 ()

两种验证码验证实现，一种直接在form表单提交按钮实现验证，一种使用ajax传递参数实现验证：

1、直接在form表单提交按钮实现验证，在控制器VerifyController.class.php中写入如下代码：

namespace Home\Controller;
use Think\Controller;
class VerifyController extends Controller {
    public function index() {
        $this->display();
    }
    public function checkLogin() {
        $verify=new \Think\Verify();
        $code=I('post.verify');//表单验证码
        if($verify->check($code)){
            $this->success('验证码正确');
        }else{
            $this->error('验证码错误');
        }
    }
    public function verify()
    {
        // 实例化Verify对象
        $verify = new \Think\Verify();

        // 配置验证码参数
        $verify->fontSize = 14;     // 验证码字体大小
        $verify->length = 4;        // 验证码位数
        $verify->imageH = 34;       // 验证码高度
        $verify->useImgBg = true;   // 开启验证码背景
        $verify->useNoise = false;  // 关闭验证码干扰杂点
        $verify->entry();
    }
}

在视图Verify/index.html中的代码如下：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <form action="{:U('verify/checkLogin')}" method="post">
            <div class="form-group has-feedback">
                <input type="text" name="verify" id="verify" placeholder="验证码" style="width:100px;" />
                <span style="right:120px;"></span>
                <img class="verify" src="{:U(verify)}" alt="验证码" onClick="this.src=this.src+'?'+Math.random()" />
            </div>
                <div class="col-xs-4">
                    <button type="submit" >验证</button>
                </div>
        </form>
    </body>
</html>

2、使用ajax传递参数实现验证，在控制器VerifyController.class.php中的代码如下：

namespace Home\Controller;
use Think\Controller;
class VerifyController extends Controller {
    public function index() {
        $this->display();
    }
    public function checkLogin() {
        $verify=new \Think\Verify();
        $code=$_POST['code'];//ajax验证码获取
        if($verify->check($code)){
            $this->ajaxReturn(1);
        }else{
            $this->ajaxReturn(0);
        }
    }
    public function verify()
    {
        // 实例化Verify对象
        $verify = new \Think\Verify();

        // 配置验证码参数
        $verify->fontSize = 14;     // 验证码字体大小
        $verify->length = 4;        // 验证码位数
        $verify->imageH = 34;       // 验证码高度
        $verify->useImgBg = true;   // 开启验证码背景
        $verify->useNoise = false;  // 关闭验证码干扰杂点
        $verify->entry();
    }
}

视图Verify/index.html中的代码如下：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="__JS__/jquery-2.1.0.min.js" ></script>
    </head>
    <body>
        <form action="{:U('verify/checkLogin')}" method="post">
            <div class="form-group has-feedback">
                <input type="text" name="verify" id="verify" placeholder="验证码" style="width:100px;" />
                <span style="right:120px;"></span>
                <img class="verify" src="{:U(verify)}" alt="验证码" onClick="this.src=this.src+'?'+Math.random()" />
            </div>
                <div class="col-xs-4">
                    <button type="button" id="ver">验证</button>
                </div>
        </form>
        <script>
            $(document).ready(function(){
                /*ajax验证码*/
                $("#ver").click(function(){
                   var code=$("#verify").val();//获取输入验证码
                   var url=$('form').attr('action');//获取表单action的值
                   $.ajax({
                       type:"post",
                       url:url,
                       data:{"code":code},
                       error:function(request){
                           alert("ajax错误");
                       },
                       success:function(data){
                           if(data){
                               alert("正确")
                           }else{
                               alert('错误')
                           }
                       }
                   });
                });
            });
        </script>
    </body>
</html>

在第2种方法，不要忘记下载jquery.min.js文件下载地址：http://www.jq22.com/jquery-info122

在配置文件Common/conf/config.php中配置地址：

return array(  
    /*地址替换*/
    'TMPL_PARSE_STRING'=>array(  
        '__JS__'=>__ROOT__.'/Public/JS',
    ),
);

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇：TP框架多上传域上传图片

下一篇：json

IDC资讯：主机资讯注册资讯托管资讯 vps资讯网站建设

网站运营：建站经验策划盈利搜索优化网站推广免费资源

网站联盟：联盟新闻联盟介绍联盟点评网赚技巧

行业资讯：搜索引擎网络游戏电子商务广告传媒

网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器安全防护

软件技巧：其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计： Java技术 C/C++ VB delphi

网络知识：网络协议网络安全网络管理组网方案 Cisco技术

操作系统： Win2000 WinXP Win2003 Mac OS Linux FreeBSD

热门词条

最新资讯

热门关注

热门标签