Tenho uma página de Login, na qual tem um formulário, que envia os dados de dois campos (nome de usuário e senha) para um arquivo PHP que faz a verificação. Esse arquivo php se utiliza de uma função já escrita em uma classe. Nessa função, caso o resultado seja true, acontece um redirecionamento, caso não seja, ele vai executar um código Jquery para apresentar uma mensagem de "Senha inválida" lá ná pagina de login. A intenção é que esse Jquery mude a propriedade de um certo elemento de "hidden" para "visible", apresentando assim a mensagem na tela.
Estou meio confuso, e nunca mexi direito com jQuery, nem sei se estou esquecendo algum detalhe importante, então gostaria que uma boa alma me desse um help.Segue os códigos HTML:
<?php
header("Content-Type: text/html; charset=ISO-8859-1", true);
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Login</title>
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/login_style.css">
</head>
<body>
<div class="login-page">
<div class="form">
<form class="login-form" action="verificacaologin.php" method="post">
<input type="text" placeholder="Usuário" name="nome_usuario"/>
<input type="password" placeholder="Senha" name="senha"/>
<button type="submit">login</button>
</form>
<label class="senha_incorreta">Senha incorreta.Tente novamente.</label>
</div>
</div>
</body>
</html>
Php que faz a verificação:
<?php
include_once 'classes/Usuario.php';
$nome = $_POST['nome_usuario'];
$senh = $_POST['senha'];
$usuario = new Usuario();
$usuario->verificarExistenciaLogin( $nome , $senh);
?>
Function da classe Usuario que contem o Jquery:
public function verificarSenhaCorreta( $nome_usuario , $senha )
{
$query = "select SENHA from portfolio.usuario where NOME_USUARIO = '$nome_usuario' ";
$conexao = new Conexao();
$resultado_consulta = $conexao->abrirConexao( $query );
$resultado_consulta = implode($resultado_consulta);
if( $resultado_consulta == $senha )
{
header("Location:ordem_servico.php");
}
else
{
//mostrar mensagem de que a senha está incorreta();
?>
//Aqui que minhas dúvidas começam
<script>
$(document).ready(function()
{
$('.senha_incorreta').css( "visibility" , "visible" );
});
</script>
<?php
}
}
onclick()
dobutton
utilizando o Ajax que irá aguardar a resposta do PHP e assim habilitar ou desabilitar a label.