Necesito ayuda,tengo dos problemas, el primero es que se supone que cuando apretas el boton de registrar y hay espacios vacios deberia de reenviarte al formulario hasta que no haya espacios vacios, pero no solo no lo hace si no que o me lleva a una pagina donde me da error o me envia directo al index del usuario (que lo deberia hacer una vez este verificado todos los espacios), lo segundo es que quiero que le aparezca un mensaje mientras esta registrandose (antes de que envie el formulario) diciendole que las contraseñas no son iguales pero no me funciona tampoco
// funcion para que al apretar el boton de registrarse envie al index del usuario
$(function() {
console.log('JavaScript cargado correctamente');
$('#btnRegistrar').on('click', function() {
window.location.href = 'indexUsuario.html';
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<main class="registro">
<h1 class="tituloRegistro">Registro</h1>
<article id="formRegistro">
<img class="foto" src="img/Perfil.png" >
<br>
<form action="verificacioDatosRegistro.php" method="post">
<label>Nombre de usuario:</label>
<br>
<input type="text" name="nombre" id="nombre" placeholder="Escriba aquí">
<br><br>
<label>Contraseña:</label>
<br>
<input type="password" id="clave1" name="contrasenia" placeholder="Password">
<br><br>
<label>Verificar contraseña:</label>
<br>
<input type="password" id="clave2" name="val_contrasenia" placeholder="Password">
<label id="mensaje" name="mensaje" style="color:#550303;"></label>
<br><br>
<label>Email:</label>
<br>
<input type="email" id="email" name="email" placeholder="[email protected]">
<br><br>
<label>Celular:</label>
<br>
<input type="tel" id="tel" name="tel" pattern="[0-9]{9}" placeholder="099123456" >
<br><br>
<label>Residencia actual:</label>
<br>
<select id="residencia" name="residencia" >
<option value="Artigas">Artigas</option>
<option value="Canelones">Canelones</option>
<option value="Montevideo">Montevideo</option>
</select>
<br><br>
<label>Fecha de nacimiento:</label>
<br>
<input type="date" id="fecha" name="fecha">
<br> <br>
<label>Foto de Perfil</label>
<br>
<input type="file" name="archivo" id="archivo" accept=".jpg, .png">
<br><br>
<label> Recibir notificaciones: </label>
<input type="radio" name="opcion" value="opcion1">
<label>En mi celular</label>
<input type="radio" name="opcion" value="opcion2">
<label>En mi correo</label>
<br>
<input type="checkbox" name="terminos">
<label>Aceptar Terminos y Condiciones</label>
<br>
<button class="estado" id="btnRegistrar" name="boton_registro" type="button">Registrarse</button>
</form>
</article>
</main>
<?
//codigo php
if (isset($_POST["boton_registro"])) {
//ve si no hay espacios vacios, si los hay devuelve el formulario hasta que no haya ningun espacio vacio
if (! $_POST
|| trim($_POST['nombre']) === ''
|| trim($_POST['contrasenia']) === ''
|| trim($_POST['val_contrasenia']) === ''
|| trim($_POST['email']) === ''
|| trim($_POST['tel']) === ''
|| trim($_POST['residencia']) === ''
|| trim($_POST['fecha']) === ''
|| trim($_POST['archivo']) === ''
|| trim($_POST['opcion']) === ''
|| trim($_POST['terminos']) === ''
) {
// si hay espacios vacios lo redirige al mismo formulario hasta que no hayan espacios vacios
header("Location:registro.html");
}else{
//carga los datos que nos interesan verificar antes de enviarlo al index
$nombre = $_POST["nombre"];
$contrasenia = $_POST["contrasenia"];
$val_contrasenia = $_POST["val_contrasenia"];
// Validación de nombre, la funcion strelen sirve para pasar los datos de la variable a numero y asi comparar tamanio
if (strlen($nombre) >= 10 && strlen($nombre) <= 20) {
echo "Nombre válido" . "<br>";
} elseif (strlen($nombre) < 10) {
echo "Nombre inválido, muy corto" . "<br>";
} elseif (strlen($nombre) > 20) {
echo "Nombre inválido, muy largo" . "<br>";
}
// Validación de contraseñas
if ($contrasenia === $val_contrasenia) {
echo "Contraseña válida" . "<br>";
} else {
echo "Contraseñas distintas, verifique" . "<br>";
}
if (strlen($contrasenia) < 8) {
echo "Contraseña muy corta, debe tener al menos 8 caracteres" . "<br>";
}
}}
?>