elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


Tema destacado: Introducción a Git (Primera Parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Validación de campo en javascript		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Validación de campo en javascript  (Leído 9,541 veces)
Feedeex

Desconectado Desconectado

Mensajes: 173


Ver Perfil
Validación de campo en javascript
« en: 24 Mayo 2011, 16:34 pm »
Hola a todos. Soy muy nuevo en esto de javascript y estuve viendo en la web como puedo validar campos. Supongamos que tengo el siguiente código:

Código:
<form method="post" action="enviar_formulario.php" OnSubmit="return validar_formulario(this);"
Ingrese su nombre:&nbsp;<input type="text" name="nombre" id="nombre">
<input type="submit" value="Enviar">

Y el código js:

Código:
<script language="javascript">
function valudar_formulario(formulario) {
 if(formulario.nombre.value == '') {
  alert("Campo vacío");
   return false;
 } else {
   return true;
}
</script>

¿Por qué al presionar en Enviar me sale el Alert con el mensaje pero de todas formas manda el formulario?, ¿el false no tendría que anular el envío?.
Y por cierto, me gustaría una vez que sepa porque pasa esto, si alguien puede decir, o pasar alguna página sobre como mejorar el formulario validando varios campos. Es decir, si yo tengo varios campos quiero que me diga algo así como:

Citar
"Debe completar los siguientes campos":

Campo1
Campo2
Campo3

PD: Por cierto, el código recién me funcionaba y daba un alert, ahora ya ni eso :huh:
En línea
Shell Root
Moderador Global
***
Desconectado Desconectado

Mensajes: 3.724


<3


Ver Perfil WWW
Re: Validación de campo en javascript
« Respuesta #1 en: 24 Mayo 2011, 17:26 pm »
Código
  3. <script language = "javascript">
  4. 	function sValidar( sForm ){
  5. 		if( sForm.txtPoC.value.length > 0 ){
  6. 			return true;
  7. 		}else{
  8. 			return false;
  9. 		}
  10. 	}
  12. </head>
  14. <form action = "#" id = "Form1" name = "Form1" method = "POST" onSubmit = "return sValidar(this);">
  15. 	<input type = "text" id = "txtPoC" name = "txtPoC" /><br />
  16. 	<input type = "submit" id = "btnEnviar" name = "btnEnviar" value = "Enviar" />
  17. </form>
  18. </body>
  19. </html>
En línea
Te vendería mi talento por poder dormir tranquilo.
Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.336

he vuelto :)


Ver Perfil WWW
Re: Validación de campo en javascript
« Respuesta #2 en: 24 Mayo 2011, 17:40 pm »
no se si has copiado ese codigo del original pero debes cerrar la etiqueta form y debes cerrar el formulario :) (he ahi la razon del por que no funciona :P )

para comprobar si la cadena es '' usa ===
En línea
Ojo por ojo, y el mundo acabará ciego.
Feedeex

Desconectado Desconectado

Mensajes: 173


Ver Perfil
Re: Validación de campo en javascript
« Respuesta #3 en: 24 Mayo 2011, 17:53 pm »
Ese formulario fue tan solo un ejemplo que escribí en el momento para no poner el código más largo que pertenece a la página, no fue una mala copia :xD
Encontré el error y era que me falto cerrar un "}", por eso nunca se ejecutaba la validación.

Y por cierto, ¿tienen alguna sugerencia para indicar los campos que faltan completar?. Porque vi que se hace algo como:

Código:
alert("Falta completar el campo"+campo1+);

Pero no comprendo bien como es para comprobar todos los campos. No pido código ni nada, tan solo alguna explicación breve que luego me las arreglaré.

Muchas gracias por la ayuda!
En línea
RedZer


Desconectado Desconectado

Mensajes: 666



Ver Perfil
Re: Validación de campo en javascript
« Respuesta #4 en: 24 Mayo 2011, 17:56 pm »
puedes usa jquery validate, te evitas estar realizando cada funcion para cada campo..
En línea
Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo
Feedeex

Desconectado Desconectado

Mensajes: 173


Ver Perfil
Re: Validación de campo en javascript
« Respuesta #5 en: 24 Mayo 2011, 18:53 pm »
Ahora me encuentro con otro problema:

Luego de hacer las validaciones, intento abrir un confirm para mostrar los datos ingresados y que confirme el envío del formulario. Pero el problema está en que no logro hacer un salto de línea en el mismo, y me muestra todo junto. El código es el siguiente:

Código:
function validar_formulario(formulario) {
    var nombre_apellido = formulario.nombre_apellido.value;
	var calle = formulario.calle.value;
	var numero_calle = formulario.numero_calle.value; 
	var telefono = formulario.telefono.value;
	var email = formulario.email.value;
 if(formulario.nombre_apellido.value == '') {
     alert("Complete el campo 'Nombre y Apellido'");
	 return false;
	} else if(formulario.calle.value == '') {
	 alert("Complete el campo 'Calle'");
	 return false;
    } else if(formulario.numero_calle.value == '') {
	 alert("Complete el campo 'N&deg;'");
	 return false;
	} else if(formulario.telefono.value == '') {
	 alert("Complete el campo 'Telefono'");
	 return false;
    } else if(formulario.email.value == '') {
	 alert("Complete el campo 'Email'");
	 return false;
	} else if(confirm("Datos ingresados:\rNombre y Apellido:" + nombre_apellido + "\rCalle:" + calle + "\rN&deg;:" + numero_calle + "\rTelefono:" + telefono + "\rEmail:" + email + "\r\r¿Confirmar envio?")) {
	 return true;
	} else {
	 return false;
}
}

Por lo que leí, el salto de línea es con \r, aunque también probé con \n, pero nada..
En línea
Shell Root
Moderador Global
***
Desconectado Desconectado

Mensajes: 3.724


<3


Ver Perfil WWW
Re: Validación de campo en javascript
« Respuesta #6 en: 25 Mayo 2011, 05:55 am »
Código
  1. javascript:confirm("Hola\nComo\nEstas?", "");
  2. javascript:var sPoC = "Hola";confirm(sPoC+"\nComo\nEstas?", "");
En línea
Te vendería mi talento por poder dormir tranquilo.
Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.336

he vuelto :)


Ver Perfil WWW
Re: Validación de campo en javascript
« Respuesta #7 en: 25 Mayo 2011, 15:22 pm »
por que no mejor usas ventanas modales? O es tarea y todo tiene que ser "hardcoded"?
En línea
Ojo por ojo, y el mundo acabará ciego.
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Problema con la validación de un formulario con javascript
Desarrollo Web 		janisorna 9 6,407 Último mensaje 3 Enero 2012, 20:22 pm
por janisorna
Aplicación Práctica: Validación de campo de correo electrónico.
PHP 		iMarcSpS 3 2,984 Último mensaje 25 Mayo 2012, 17:38 pm
por el-brujo
Problema validación javascript
Desarrollo Web 		Josholsan 3 2,839 Último mensaje 11 Abril 2013, 13:48 pm
por Phantasy
VALIDACION CAMPO DOUBLE
Desarrollo Web 		chuck777 4 2,823 Último mensaje 18 Junio 2013, 16:18 pm
por chuck777
Problema validación de campo JS
Desarrollo Web 		Finishim 1 2,060 Último mensaje 17 Septiembre 2016, 05:19 am
por bengy
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines