问答项目---登陆验证码点击切换及异步验证验证码

Posted 帅到要去报警

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了问答项目---登陆验证码点击切换及异步验证验证码相关的知识,希望对你有一定的参考价值。

输出验证方法:

public function verify(){
    $config = array(
        ‘length‘ => 2,
        ‘reset‘ => false,
        ‘useCurve‘  =>  false,
        ‘useNoise‘  =>  false,
    );
    $obj = new \Think\Verify($config);
    $obj->entry();
}

调用:

<img src="{:U(‘verify‘)}"/ id=‘code‘>
<a href="javascript:void(change_code(this));">看不清</a>

输入路径:

<script type=‘text/javascript‘>
var CONTROL = ‘__URL__‘;
</script>

点击切换验证码:

function change_code(obj){
    $("#code").attr("src", CONTROL+"/verify/"+Math.random());
    return false;
}

异步验证验证码方法:

/* 异步验证验证码 */
public function checkVerify(){
    $code = I(‘post.code‘);
    $config = array(
        ‘reset‘ => false,//不重置
    );   
    $obj = new \Think\Verify($config);
    if($obj->check($code)){
        echo "1";
    }else{
        echo "0";
    };
}

异步验证验证码JS:

//验证验证码
$("input[name=‘code‘]").blur(function(){
    var code = $("input[name=‘code‘]");
    if(code.val().trim()==‘‘){
        code.parent().find("span").remove().end().append("<span class=‘error‘>验证码不能为空</span>");
        return ;
    }
    $.post(CONTROL+"/checkVerify",{code:code.val().trim()},function(stat){
        if(stat==1){
            validate.code=0;
            code.parent().find("span").remove();
        }else{
            code.parent().find("span").remove().end().append("<span class=‘error‘>验证码错误</span>");
        }

    })
})

 

以上是关于问答项目---登陆验证码点击切换及异步验证验证码的主要内容,如果未能解决你的问题,请参考以下文章

IT兄弟连 JavaWeb教程 jQuery对AJAX的支持经典案例

django01项目_异步发送短信验证码_异步方案RabbitMQ和Celery

qq登陆验证码 ,怎么去掉啊

java 登陆时的验证码怎么做?

注册/登陆界面验证码的作用及代码实现

Python爬虫:Bilibili模拟登陆(滑动验证码)项目