He desarrollado una página de registro e inicio de sesión. Para el registro he desarrollado un script que me ayude en la validación, el problema es que al momento de presionar el boton de registro, se realiza el registro sin ejecutarse la validación. No se en que me estoy equivocando y solicito amablemente su ayuda.
Este es el form:
Código HTML:
<form name="f1" action="registro.php" method="POST" onsubmit="return comprobar(this)"> <input type="text" name="user_name" required type="text" title="Solo se Permiten Letras Mayusculas o Minusculas de la A a la Z." pattern="[a-zA-Z\s]{1,30}" placeholder="Nombres"/> <input type="text" name="user_apel" required type="text" title="Solo se Permiten Letras Mayusculas o Minusculas de la A a la Z." pattern="[a-zA-Z\s]{1,30}" placeholder="Apellidos"/> <input type="email" name="user_email" required pattern="[a-zA-Z0-9._-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)" title="[email protected]" placeholder="Correo Electronico"/> <input type="text" name="user_tel" required placeholder="Telefono o Celular"/> <input type="password" name="user_pwd" required pattern="{5,20}" title="La contraseña debe tener minimo 5 caracteres." placeholder="Contraseña"/> <input type="password" name="user_pwd2" required pattern="{5,20}" title="La contraseña debe tener minimo 5 caracteres." placeholder="Verifique la Contraseña"/> <button type="submit" class="btn btn-default">Registrate</button> </form>
Código HTML:
<script> function comprobar(){ clave1 = document.f1.user_pwd.value; clave2 = document.f1.user_pwd2.value; email = document.f1.email.value; telefono = document.f1.user_tel.value; alert("Esta entrando al javascript"); if(isNaN(telefono)){ alert("El número de telefono debe contener solo números."); return false; } else{ if (clave1 == clave2){ if(clave1.length < 5){ alert("La contraseña debe tener minimo 5 caracteres."); return false; } else{ document.f1.submit(); return true; } } else{ alert("Las contraseñas no coinciden."); return false; } } } </script>