No consigo validar mi formulario

muebleselnogal2015 · #1 (**permalink**) 28/10/2015, 06:29

Buenas, ando realizando un curso de JS y todavía no me muevo con demasiada soltura, estoy probando conocimientos mediante un formulario, vamos intentando validarlo.

No consigo hacerlo y creo que no me falta nada, ni tengo errores pero me falla... ¿Se os ocurre algo?

Agradezco vuestar ayuda.

Código HTML:

<head><script type="text/javascript">

function ValidarPassword(passwordok)
{
	
	if ((passwordok.length <= 6) || (passwordok.length) >= 15) 
	{
	alert("La contraseña no puede tener menos de 6 caractéres ni más de 15.");
	passwordok.focus();
	passwordok.select();
	return false;
	}
	else
	{
	return true;
	}
}

function ValidarEmail(correo)
{
	var arroba = correo.value.indexOf("@");
	var espacio = correo.value.indexOf(" ");
	var punto = correo.value.indexOf(".");
	if ((arroba != -1) && (espacio == -1) && (punto != -1))
	{
	return true;
	}
	else
	{
	alert("Introduzca una dirección de correo electrónico válida.");
	correo.focus();
	correo.select();
	return false;
	}
}

function ValidarFormulario(elemento1,element02)
{
	var email = ValidarEmail(elemento1);
	var clave = ValidarPassword(elemento2);
	if ((email=true) && (clave=true))
	{
	alert("Bienvenido " + document.frmAcceso.txtIdentificador.value);
	return true;
   }
   else
   {
   	return false;
	}
}
</script>
</head>
<body>
<div class="miformulario" id="wrapper">
<form name="frmAcceso" id="frmAcceso" method="post" action="#" onsubmit="return ValidarFormulario(document.frmAcceso.txtEmail.value, document.frmAcceso.txtPassword.value);">
<h3>Formulario de acceso</h3>
<p>Acceda a su cuenta de usuario</p>

<label for="txtIdentificador">Identificador:</label>
<input type="text" name="txtIdentificador" id="txtIdentificador">

<label for="txtEmail">E-mail:</label>
<input type="text" name="txtEmail" id="txtEmail">

<label for="txtPassword">Contraseña:</label>
<input type="password" name="txtPassword" id="txtPassword">

<input type="submit" value="Enviar" name="btnEnviar" id="btnEnviar" class="boton">
</form>
</div>
</body>
</html>

yojose · #2 (**permalink**) 28/10/2015, 07:10

Aparece algun error de javascript en la consola del navegador?

yojose · #3 (**permalink**) 28/10/2015, 07:18

Lo primeroque veo es que en ValidarEmail el argumento correo es un valor no un elemento. No puedes usar:

arroba =correo.value.indexOf("@");

seria:

arroba =correo.indexOf("@");

igual para punto y espacio

muebleselnogal2015 · #4 (**permalink**) 28/10/2015, 11:47

Gracias @yojose voy a probarlo ahora mismo, a ver si puedo solucionarlo!

Un saludo

muebleselnogal2015 · #5 (**permalink**) 28/10/2015, 13:22

Gracias por tu ayuda, haciendo lo que me has comentado ya parece que valida el correo, pero el resto parece que sigue igual ... ¿a alguien se le ocurre alguna idea?

Muchas gracias.

yojose · #6 (**permalink**) 06/11/2015, 04:34

Utiliza las herramientas de desarrollo y ve depurando el codigo. Solo tienes que pulsar F12 Y te canta todos los errores. Busca como solucionarlos y si no encuentras la solucion pregunta algo concreto. Pero no pongas tu codigo y esperes que solucionemos los errores, asi no aprendes demasiado. Un saludo