Verificar contenido de input "text"

astut · 16/06/2007, 07:31

Hola, pues me gustaria saber cual seria el codigo javascript para saber si por ejemplo los campos "nombre", "grafico" y "descripcion" estan vacios (= "")

gracias!

JavierB · 16/06/2007, 08:44

Hola astut

Código:

if (document.nombreFormu.nombre.value == '')
  alert('Toy vacío')

Saludos,

astut · 16/06/2007, 09:21

Gracias la funcion me quedo asi:

Código:

	function Enviar()
	{
  	if (document.formulario_principal.nombre.value== "" or document.formulario_principal.grafico.value== "")
  		alert('Toy vacío');
			
		else
			formulario.submit();
	}

Y puse esto en el onclick:

Código HTML:

onclick="Enviar()"

Pero no funciona, ¿porque?
gracias!

JavierB · 16/06/2007, 09:52

Hola de nuevo.

Código:

if (document.formulario_principal.nombre.value== "" || document...

Saludos,

astut · 16/06/2007, 11:45

Hola, gracias por contestar =), ahora cuando el campo "nombre" o "grafico" estan vacios muestro una advertencia y ago que no se envie el formulario pero no funciona, muestra la advertencia y el formulario se procesa... use la funcion:

Código:

	function Enviar()
	{
  	if (document.formulario_principal.nombre.value== "" || document.formulario_principal.grafico.value== "")
		{
  		alert("Los campos 'nombre' y 'grafico' deben ser completados");
			formulario_principal.nombre.focus();
			return false;
		}
		formulario_principal.submit();
	}

y en el boton de submit:

Código HTML:

<input type="submit" value="Enviar" onclick="return Enviar()"/>

¿Como puedo solucionarlo?

gracias ^^

JavierB · 16/06/2007, 12:10

Rehola.

Llama a la función de validación en el evento onsubmit del formulario, en lugar de llamarlo desde el botón submit:

<form onsubmit = "return Enviar()">

Saludos,

astut · 16/06/2007, 12:27

Gracias por contestar de nuevo, pero pasa lo mismo... muestra el aviso pero el formulario se procesa... algo hay mal

saludos!

zyon · 16/06/2007, 17:11

mmm no estoy seguro, pero te podria servir que en lugar de :

Código HTML:

<input type="submit" value="Enviar" onclick="return Enviar()"/>

pongas :

Código HTML:

<input type="button" value="Enviar" onclick="Enviar()"/>

de nuevo en el boton pon el evento que llame a tu funcion (le quietas el onLoad)y ya valida lo que nedcesitas, si no entra a la condición veo que le mandas a ejecutar el submit, asi que ya no necesitas que tu boton sea tipo submit....

astut · 17/06/2007, 03:22

Vale, ahora cuando da el aviso no se envia, pero cuando no da el aviso tampoco xD, y eso que esta la funcion

Código:

formulario_principal.submit()

, ¿porque?

JavierB · 17/06/2007, 03:29

Hola.

Prueba este ejemplo completo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function Enviar()
    {
      if (document.formulario_principal.nombre.value== "" || document.formulario_principal.grafico.value== "")
        {
          alert("Los campos 'nombre' y 'grafico' deben ser completados");
            document.formulario_principal.nombre.focus();
            return false;
        }
    }
</script>
</head>
<body>
<form name="formulario_principal" action="tupagina.php" onsubmit = "return Enviar()">
<input type="text" name="nombre" />
<input type="text" name="grafico" />
<input type="submit" />
</form>
</body>
</html>

Saludos,

astut · 17/06/2007, 03:36

Solucionado!, me fije que era document.formulario_principal.nombre.focus();, se me fue el "document", gracias a tu codigo me di cuenta xD thx

caricatos · 17/06/2007, 04:35

Hola

astut: te recomiendo que te acostumbres a enviar los formularios desde el botón submit y validarlos desde el tag form tal como puso JavierB (¡Hola

!), porque los envíos programados con el método submit() pueden dar problemas (no son accesibles). Los que deshabilitan javascript nunca enviarán el formulario... y además de la validación javascript, validar en el servidor (creo que es lo más aconsejable).

Saludos

zyon · 18/06/2007, 06:23

mm tambien seguire ese consejo :P ...