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

输出验证方法:

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>");
        }

    })
})
时间: 2024-10-24 11:16:44

问答项目---登陆验证码点击切换及异步验证验证码的相关文章

问答项目---登陆账号密码登陆做AJAX异步校验

异步验证管理员帐号方法: /* 异步验证管理员帐号 */ public function checkAccount(){ if(!IS_AJAX){echo "页面不存在";die();}; $where = array( //'account' => $_POST['username'] 'account' => I('post.username') ); if(M('admin')->where($where)->find()){ echo 1; }else

AJAX-实现验证码异步验证功能

案例实现效果 用户在前端输入验证码,按键收起触发异步验证,验证验证码的对错 前端代码 checkcode.jsp <%-- Created by IntelliJ IDEA. User: cxspace Date: 16-8-18 Time: 下午7:45 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8

PHP生成图片验证码、点击切换实例

这篇文章主要介绍了PHP生成图片验证码实例,同时介绍了点击切换(看不清?换一张)效果实现方法,需要的朋友可以参考下 这里来看下效果:  现在让我们来看下 PHP 代码 <?php session_start(); function random($len) { $srcstr = "1a2s3d4f5g6hj8k9qwertyupzxcvbnm"; mt_srand(); $strs = ""; for ($i = 0; $i < $len; $i++)

Android studio多个项目之间怎么实现快速切换?

Android studio多个项目之间怎么实现快速切换?Android studio中打开的项目太多了,想切换到一个项目很麻烦,怎么才能快速切换到另一个项目中呢?请看下文详细介绍 在对Android studio中进行对项目中的开发Android上的代码,那么一个当中进行对项目上的开发,那么在就会打开多个项目对项目中进行对其的开发,当当对一个项目上的开发,根据自己的要求的话,那么切换到另一个项目的开发. 1.在当前的电脑的界面中,进行打开了两个的Android studio窗口. 2.在当前的

JQ-用户注册用到的图形验证码和短信验证码点击事件

// 点击切换图形验证码 页面加载完后执行,类似window.onload $(function () { var imgCaptcha = $(".img-captcha"); imgCaptcha.click(function () { imgCaptcha.attr("src", "/account/register/img/captcha"+"?random="+Math.random()); }); }); // 点

微信小程序——点击切换样式scroll-view

scroll-view滚动视图点击切换样式 *.wxml <view class="content"> <view class="navbg"> <view class="nav"> <scroll-view class="scroll-view_H" scroll-x="true"> <view class="scroll-view_H&qu

仿美团外卖,饿了吗 两个ListView联动,左边点击切换右边,右边滑动切换左边

先上效果图: 实现思路: 1.先说右边标题: 首先,右边的数据源集合中的Javabean中含有三个属性name,type,title,而每个条目中会默认含有一个标题. 如果这是第一个条目,就让标题显示出来,再如果这个条目的类型和上一个条目的类型不一样,就让这个条目的标题显示出来,否则,就隐藏标题,  这样我们就做到了每种类型只有第一个数据标题显示出来 接着,在Listview的外层(也就是MainActivity的布局文件中),默认放一个标题(下面都称作是主标题) 最后,设置右边Listview

解决基于JQ焦点图快速点击切换按钮图片显示错误的问题

之前用原生js做过焦点图,今天突然想用JQ做一下,但是遇到一个问题,当我不停点击切换按钮时,由于不停触发animate动画,导致图片显示错乱的问题,解决办法第一想到的就是点击切换后立刻解绑事件,然后动画函数运行完再添加事件,但是 ....用 $('.box').unbind('click'); 解绑后,再把原有事件添加回来却没有办法添加回来 $("button").bind("click",function(){ //函数体 }); 这样?可是函数体里没法写 ,可能

【技术】点击切换&amp;自动切换选项卡

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>点击切换和自动切换选项卡</title> <style type="text/css"> *{list-style:none;margin:0;padding:0;overflo