Estoy trabajando con un formulario de inicio de sesion en html / PDO PHP. Como mis conocimientos PDO son casi ceros he ido avanzando en lo que la logica me indica y con stackoverflow. Ya hice mi conexion y captura de datos y valido la información (repito como la logica me ha indicado, logica de principiante) pero tengo un problema cuando la pagina carga me activa una alerta de validación y no encuentro como hacer para que solo se active cuando envie el formulario, lamentablemente no puedo trabajar la validación en un archivo a parte, a continuación el codigo:
<?php
session_start();
include ('pdoconnectexpo.php');
$usuario = $_POST['usuario'];
$contrasena = $_POST['pwd'];
if(isset($_POST['iniciar_sesion'])){
$query = 'SELECT id_usuario, usuario FROM "public".usuarios WHERE usuario=:usuario AND contrasena=:contrasena';
//Usuario
$registros = $conn2->prepare( $query ); //Preparamos la consulta
$registros->execute( array(":usuario" => $usuario,":contrasena" => $contrasena) ); //Le pasamos el valor al marcador, esto es un array por lo que soporta tanto valores requiera la query, separador por coma
$registros = $registros->fetchAll( PDO::FETCH_OBJ ); //convirtiendo el resultado en objetos para poder iterar en un ciclo.
if(!isset($registros[0]->usuario)){
echo "<script type=\"text/javascript\">alert(\"Usuario Errado o Contraseña Errada\");</script>";
}else{
// code...
$_SESSION['usuario'] = $usuario;
$_SESSION['id_usuario'] = $id_usuario;
header('Location: inicio.php');
}
}
?>
Y debajo del php llamo el siguiente codigo html(solo coloco el formulario):
<form class="login100-form validate-form" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<span class="login100-form-title p-b-34">
Inicio de Sesión
</span>
<div class="wrap-input100 rs1-wrap-input100 validate-input m-b-20" data-validate="Type user name">
<input id="first-name" class="input100" type="text" name="usuario" placeholder="Usuario">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 rs2-wrap-input100 validate-input m-b-20" data-validate="Type password">
<input class="input100" type="password" name="pwd" placeholder="Contraseña">
<span class="focus-input100"></span>
</div>
<div class="container-login100-form-btn">
<button class="login100-form-btn">
Iniciar Sesión
</button>
</div>
</form>