Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Validacion sencilla formulario de login con javascript

Estas en el tema de Validacion sencilla formulario de login con javascript en el foro de Javascript en Foros del Web. Buenas, tengo un problema y no se donde puede estar el error. Tengo el siguiente formulario con este codigo: Código HTML: <form name= "form" method= ...
  #1 (permalink)  
Antiguo 30/08/2013, 05:16
 
Fecha de Ingreso: marzo-2013
Mensajes: 51
Antigüedad: 11 años, 2 meses
Puntos: 2
Validacion sencilla formulario de login con javascript

Buenas, tengo un problema y no se donde puede estar el error.

Tengo el siguiente formulario con este codigo:

Código HTML:
<form name="form" method="post">
Usuario: <input type="text" name="usuario" id="usuario"/><br/>
Contraseña: <input type="password" name="password" id="password"/><br/>
<input type="button" id="send" value="Acceder" onclick="valida();"> 
Y por otro lado tengo el siguiente codigo en javascript:

Código Javascript:
Ver original
  1. function envia(pag){
  2.     document.form.action = '../php/'+pag+'.php';
  3.         document.form.submit();
  4. }
  5.  
  6. function valida(){
  7.     var usuario = document.getElementById('usuario');
  8.     var pass = document.getElementById("password");
  9.            
  10.     if((usuario == "")||(pass == "")){
  11.         window.alert("Los campos usuario y contraseña no pueden estar vacios");
  12.     }else{
  13.         envia('login');
  14.     }
  15. }

El problema esta en que no salta el alert cuando el campo usuario o contraseña esta vacio.

El evento onclick si se produce porque si borro la estructura if-else y solo dejo el alert si que salta.

No se que es lo que estoy haciendo mal, necesito ayuda.
  #2 (permalink)  
Antiguo 30/08/2013, 05:43
 
Fecha de Ingreso: agosto-2011
Mensajes: 78
Antigüedad: 12 años, 9 meses
Puntos: 1
Respuesta: Validacion sencilla formulario de login con javascript

Holaa como andas? Lo que pasa ahi es que estas validando sobre el input y no sobre el valor del input.

tienes que poner usuario.value y pass.value


Te quedaria:
function valida(){
var usuario = document.getElementById('usuario');
var pass = document.getElementById("password");

if((usuario.value == "")||(pass.value == "")){
window.alert("Los campos usuario y contraseña no pueden estar vacios");
}else{
envia('login');
}
}


Saludos
__________________
Gimnasia y esgrima de la plata
  #3 (permalink)  
Antiguo 30/08/2013, 05:50
 
Fecha de Ingreso: marzo-2013
Mensajes: 51
Antigüedad: 11 años, 2 meses
Puntos: 2
Respuesta: Validacion sencilla formulario de login con javascript

Jo-der..... muchisimas gracias de verdad, ya funciona perfectamente jaja el caso es que tenia los apuntes de clase delante y lo he qurido hacer tan rapido que no me he dado cuenta del .value jaja muchas gracias.
  #4 (permalink)  
Antiguo 30/08/2013, 05:54
 
Fecha de Ingreso: agosto-2011
Mensajes: 78
Antigüedad: 12 años, 9 meses
Puntos: 1
Respuesta: Validacion sencilla formulario de login con javascript

jaja. si a veces pasa...despues de mirar tanto el codigo ya no podes ver el error.

Saludos!!!
__________________
Gimnasia y esgrima de la plata

Etiquetas: formulario, input, login, php, sencilla, validacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:25.