ThinkPHP3.2.2-验证码

来源：互联网发布：淘宝联盟领券编辑：程序博客网时间：2024/06/14 14:10

ThinkPHP3.2.2-验证码-表单

这里写图片描述

创建控制器VerifyController.class.php

<?phpnamespace Home\Controller;use Think\Controller;class VerifyController extends Controller {    public function index(){        $this->display('verify/index');    }    public function test(){        // 更多请参考手册        $Verify =     new \Think\Verify();        $Verify->fontSize = 30;        $Verify->length   = 3;        $Verify->useNoise = false;        $verify=$Verify->entry();    }    //验证    public function getVerify(){        $verify=I('verify');        $res=$this->check_verify($verify);        echo $res;    }    // 检测输入的验证码是否正确，$code为用户输入的验证码字符串    public function check_verify($code, $id = ''){            $verify = new \Think\Verify();            return $verify->check($code, $id);    }}

创建表单/View/verify/index.html

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>verify</title></head><body><center><h4>VERIFY</h4>    <form action="{:U('index/login')}" method="post" >        <table border="1">            <tr>                <td></td>                <td><img src="__URL__/test" id="img"></td>            </tr>            <tr>                <td>请输入验证码</td>                <td><input type="text" name="verify" id="verify"><span id="test"></span></td>            </tr>            <tr>                <td></td>                <td><input type="submit" value="Submit"></td>            </tr>        </table>    </form></center></body></html><script type="text/javascript" src="__PUBLIC__/js/jquery.1.12.min.js"></script><script>    sign=false;    // 点击/刷新切换验证码    $('#img').click(function(){        $(this).attr('src',"__URL__/test/"+Math.random());    });    //ajax验证-验证码    $('#verify').blur(function(){        var verify=$(this).val();        $.ajax({            type:'post',            url:'{:U("Verify/getVerify")}',            data:{verify:verify},            success:function(res){                if(res==1){                    $('#img').css('border','5px solid #ADFF2F');                    $('#test').html('<font color="green">验证成功</font>');                    sign=true;                }else{                    $('#img').css('border','5px solid #F00');                    $('#test').html('<font color="red">验证失败</font>');                    sign=false;                }            }        })    });    // 阻止表单提交:    $("form").submit( function () {        return sign;    } );</script>

阅读全文

0 0