码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-08-14 00:32:12      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:nbsp   span   date   账号   put   异步   username   ror   pen   

异步验证管理员帐号方法:

/* 异步验证管理员帐号 */
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{
        echo 0;
    };
}

异步校验JS:

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

异步验证密码方法:

/* 异步验证密码 */
public function checkPwd(){
    if(!IS_AJAX){echo "页面不存在";die();};
    $pwd = I(‘post.password‘,‘‘,‘md5‘);
    $where = array(
        ‘password‘=>$pwd
    );
    $result = M(‘admin‘)->where($where)->getField(‘password‘);
    if($result && $result == $pwd){
        echo 1;
    }else{
        echo 0;
    };
}

异步校验JS:

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

    })
})

做登陆:

//登录验证  1为空   2为错误
var validate={username:1,password:1,code:1}
$(function(){
    $("#login").submit(function(){
        if(validate.username==0 && validate.password==0 && validate.code==0){
            return true;
        }
        //验证用户名
        //$("input[name=‘username‘]").trigger("blur");
        //验证密码
        //$("input[name=‘password‘]").trigger("blur");
        //验证验证码
        //$("input[name=‘code‘]").trigger("blur");
        return false;
    })
})

 

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

标签:nbsp   span   date   账号   put   异步   username   ror   pen   

原文地址:http://www.cnblogs.com/e0yu/p/7355461.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!