Cadastro e Login - #27 Ajax Login e Caps Lock

Nessa vídeo-aula vamos trabalhar com ajax no sistema do login e alerta de caps lock quando o usuário digitar a senha.

Ajax no Sistema de Login e Caps Lock

Vamos criar primeiramente a div que abrigará os resultados provenientes do ajax na nossa view login:

<div class="resultadoForm float w100 center"></div>

Vamos estilizá-la também no nosso css:

.resultadoForm{margin-top: 20px; font-weight: bold; color:red; line-height: 20px;}

Vamos finalizar nosso método validateFinalLogin da classe de login:

#Validação final do login
public function validateFinalLogin($email)
{
    if(count($this->getErro()) >0){
        $this->login->insertAttempt();

        $arrResponse=[
            "retorno"=>"erro",
            "erros"=>$this->getErro(),
            "tentativas"=>$this->tentativas
        ];
    }else{
        $this->login->deleteAttempt();
        $this->session->setSessions($email);

        $arrResponse=[
            "retorno"=>"success",
            "page"=>'areaRestrita',
            "tentativas"=>$this->tentativas
        ];
    }
    return json_encode($arrResponse);
}

Por fim vamos criar a função de caps lock:

//CapsLock
$("#senha").keypress(function(e){
    kc=e.keyCode?e.keyCode:e.which;
    sk=e.shiftKey?e.shiftKey:((kc==16)?true:false);
    if(((kc>=65 && kc<=90) && !sk)||(kc>=97 && kc<=122)&&sk){
        $(".resultadoForm").html("Caps Lock Ligado");
    }else{
        $(".resultadoForm").empty();
    }
});

Até a próxima aula!