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

Posted 2020-10-02 帅到要去报警

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

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