php (Sistema de Login) - Falha ao tentar exibir mensagem de erro

[Anthony Stephen 0]

Olá pessoal, é o meu primeiro contato com o PHP, e estou tentando desenvolver uma página de cadastro/login.

A página em si já está funcionando, e realizando a consulta no banco de dados, mas eu gostaria de exibir uma mensagem de erro quando for constatado que a conta não existe no BD.

 

Até agora tenho duas páginas principais, são elas: login.php e login-connect.php.

Gostaria de exibir a seguinte div na página login.php, se o login for inválido:

<div class="alert alert-danger alert-dismissible fade show" role="alert">
	Ops! password and/or invalid user.
	<button type="button" class="close" data-dismiss="alert" aria-label="Close">
	<span aria-hidden="true">&times;</span>
	</button>
</div>

Ficaria assim:

 

 

login-connect.php

Da maneira que está, ele só exibe em outra página em branco:

<?php 
(... códigos inicializadores ...)
 
//Realiza consulta dentro do BD
$result = mysqli_query($con, "SELECT * FROM `usuario` WHERE `email` = '$login' AND `password`= '$senha'");
//Verifica se as informações estão dentro do BD
if(mysqli_num_rows ($result) > 0 ){
    $_SESSION['login'] = $login;
    $_SESSION['password'] = $senha;
    header('location:main.php');
}
else{
    unset ($_SESSION['login']);
    unset ($_SESSION['password']);
    echo '<b>Atenção</b> Login ou senha inválidos, tente novamente.';
    }

?>

 

Obs: Sei que da maneira que o código está, é impossível de fazer a div aparecer, porque não declarei isso em lugar nenhum. Mas aí está o problema, como fazer?

Desde já, muito obrigado!

[Omar~ 87]

Você pode optar em usar javascript.

function mostrarErro(mensagem) {
    var div = document.getElementById('msg-erro'); // Captura o id msg-erro

    div.style.display = 'block'; // Mostra a msg-erro
    div.innerHTML = mensagem; // Coloca o texto na msg-erro

    setTimeout(function () { // 5 segundos depois a msg-erro volta ao estado original
        div.style.display = 'none';
        div.innerHTML = '';
    }, 5000);
}

 

No arquivo que recebe os dados do post cria-se então a div#msg-erro. Ou em qualquer lugar do index ou outro arquivo que esteja incluso quando o form for validado.

Esse elemento deve ter a formatação/propriedades de css da forma que bem desejar, somente a propriedade display tem que existir e é obrigatório que seu valor seja none.

<div id="msg-erro" style="display:none"></div>

 

Essa parte condiz que os dados não exitem

    unset ($_SESSION['login']);
    unset ($_SESSION['password']);
    echo '<b>Atenção</b> Login ou senha inválidos, tente novamente.';

Só não entendi porque matar cessões. Está validando form usando session?

Enfim substitua esse trecho pela chamada da função de erro.

<script>mostrarErro('Sua mensagem de erro aqui');</script>

Lembrando que a chamada da função só deve ser realizada pós definição do elemento id que ela vai buscar. Ou seja nas linhas abaixo do ID que quer capturar. Porém a função pode ficar em qualquer lugar desde que inclusa no HTML.

 

Conselho.... Use PDO ao invés de mysqli

[Anthony Stephen 0]

@Omar~

Estou dando uma olhada nas suas informações e, de antemão, já agradeço o empenho e a disponibilidade para me ajudar!

 

Abraço!