Tengo un modal en un archivo login.php ( unicamente el codigo del modal) necesito que al loguerase ejecute la validación en un archivo validar.php y al no poder hacerlo que automáticamente me levante si es posible el mismo modal pero lo voy a modificar para que muestre una advertencia que no se pudo loguear, el tema es que no se como hacer eso primero sin un botón, necesito que se abra automáticamente, y segundo que al tenerlo en un archivo y al invocarlo con un include no lo puedo abrir con js. se podrá hacer eso automáticamente? es decir llamar al modal desde php sin botón y que el mismo se encuentre en un include? yo lo que realicé fué devolver al index.php un error por get ,y ahí trato de imprimir por un echo un boton oculto y desde js leo ese boton e intente activar el modal, pero no funciana, la consola no muestra error pero debe ser que al tenerlo en un include.
Alguna idea?
<?php //VERIFICAR.PHP
$usuario = $_POST['usuario'];
$clave = $_POST['clave'];
include("conexion.php");
$consulta = mysqli_query($datos_bd, "SELECT pass FROM usuario WHERE email='$usuario'");
$codigo = mysqli_fetch_assoc($consulta);
if (isset($codigo)){
if(password_verify($clave, $codigo['pass'])) {
header("Location: index.php");
} else {
header("Location: index.php?error");
}
}else{
header("Location: index.php?error");
}
?>
Y en el archivo login.php tenngo;
<!-- Modal login archivo login.php-->
<div class="modal fade" id="ModalLogin" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header ">
<span id="tituloFormLogin">
<h5 class="modal-title" id="exampleModalLabel"></h5>
</span>
<button type="button" id="CloseModalLogin" class="btn-close" data-bs-dismiss="modal" aria-label="Close" ></button>
</div>
<div class="modal-body">
<!-- Inicio login -->
<div id="login">
<form action="verificar.php" method="POST" id="FormLogin" class="needs-validation" novalidate>
<div class="mb-3 row">
<label for="usrLogin" class="col-sm-2 col-form-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="usrLogin" placeholder="[email protected]" name="usuario" required autofocus>
<div class="invalid-feedback">
Por favor, ingrese su correo registrado.
</div>
</div>
</div>
<div class="mb-3 row">
<label for="inputPassword" class="col-sm-2 col-form-label">Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword" name="clave" maxlength="16" required>
<div class="invalid-feedback">
Por favor, ingrese su password.
</div>
</div>
</div>
<div class="mb-3 row">
<button class=" btn btn-primary" type="submit">Igresar</button>
</div>
</form>
<span>¿No tienes cuenta? <a class="text-decoration-none" href="#" onclick="loadFormRegistro()">Regístrate</a></span> <br>
<span><a class="text-decoration-none" href="#" onclick="loadFormRecupero()">Recuperar password</a></span>
</div>
<!-- Fin login -->
<div class="modal-footer col align-self-end d-none" id="FooterModalLogin">
<button type="button" class="btn btn-secondary " data-bs-dismiss="modal">Salir</button>
<button type="button" class="btn btn-primary " id="ButtonModalRecuperar">Registrar</button>
</div>
</div>
</div>
</div>
y desde el index:
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"> </script>
if (isset($_GET['error'])){
echo "<button id='BtnError' class'd-none'></button>";
}
en el js
var error = document.getElementById('BtnError')
if (error !== null ){
$('#ModalLogin').modal('show'); // abrir
}