javascript Função lembrar de mim

[miqueas12 0]

Galera, estava procurando a função que encontramos nos logins de "lembrar" usuario e senha, porem não achei nenhuma em js, alguem pode me salvar? vlw

[Omar~ 87]

@miqueas12

Desconheço qualquer modo de executar isso sem que seja pelo PHP.

 

No que para fazer com o PHP requer um pouco de atenção. Pois usaremos a global $_COOKIE

- O processo vai começar no momento do login do usuário:

Normalmente (que é o correto) acessamos os dados do usuário em uma consulta para verificar se o login está correto. Então se tudo estiver correto iniciamos uma cessão e é nesse momento que começamos o processo.

Através da consulta executada teremos dados do login do usuário podemos usar por exemplo o ID da conta dele, no meu exemplo uso o ID do login, para iniciar um cookie

$expiry = time() + 60 * 60 * 24 * 30;
setcookie('ja_acessou', $ID_DO_USUARIO, $expiry, '/');

 

- Certo então armazenamos na máquina do usuário o cookie "ja_acessou".

Então podemos fazer o seguinte no próprio arquivo index da aplicação:

Consultamos se existe esse cookie, assim sendo quando ele acessar.

if (isset($_COOKIE['ja_acessou']) && !isset($_SESSION['logado'])) {
    // * Consulta no banco pelo ID do usuário usando o cookie
    // * Se o ID existir basta que execute os dados para informar que o usuário está logado
}

Nesse caso verifico se o $_COOKIE['ja_acessou'] existe e se a $_SESSION['logado'] não existe (nesse é meu exemplo use o nome de sua cessão)

 

[Edgard Hufelande 27]

Tem uma solução em Javascript utilizando o LocalStorage, tente adaptar este código abaixo para sua necessidade.

 

<form method="post" onSubmit="enviarForm();return false;">
  <input type="text" name="login" placeholder="Login" />
  <input type="password" name="senha" placeholder="Senha" autocomplete="false"/> <br />
  <input type="checkbox" name="salvar" /> Salvar dados <br />
  <button>Log-in!</button>
</form>


<script>
  window.enviarForm = function () {
    var login = document.querySelector('[name="login"]').value;
    var senha = document.querySelector('[name="senha"]').value;
    var salvar = document.querySelector('[name="salvar"]').checked;


      if(salvar){
        window.localStorage.setItem('login', login);
        window.localStorage.setItem('senha', senha);
      }

    return false;
  }

  var login = window.localStorage.getItem('login');
  var senha = window.localStorage.getItem('senha');

  if(login && senha){
      document.querySelector('[name="login"]').value = login;
      document.querySelector('[name="senha"]').value = senha;
  }
</script>

Não fiz da melhor forma, apenas te dei uma ideia funcional, deixo a critério seu modificações para segurança do código. rs