Validar formulario...

[clauvaldez]

buenas!!...

tengo una duda que me rompe la cabeza hace unos dias..
es acerca de como hacer lo siguiente:

tengo tres campos textos en un form

echo "<input type=text name=\"in[header]\" size=\"$field_size\" maxlength=\"50\" value=\"$db[header]\">\n";

echo "<select name=\"in[location]\">\n";

echo "<textarea rows=\"8\" name=\"in[text]\" cols=\"$text_field_size\">$text</textarea> \n";

lo que quiero saber es como se hace para que solamente cuando estos campos tengan algun valor me muestre un <div> donde esta mi boton de enviar y otra informacion adficional???..

les agradezco de antemano..
gracias
Claudio!

[vidalsoft]

Hola, eso lo puedes hacer con ajax, busca sobre prototype.js

[GatorV]

De hecho no es necesario AJAX, necesitas Javascript, te muevo al foro adecuado para que te asesoren.

Saludos.

[David]

Para ocultar/mostrar elementos solo cambia su estilo (display):

Código javascript:

elemento.style.display = "none"; //Oculto
elemento.style.display = "block"; //Visible
 

Y con una serie de condicionales if muestras/ocultas según el valor.

[clauvaldez]

igual funcionaria si mi div lo imprimo desde un echo en php??.. por que segun tengo entendido el atributo del la etiqueta div es "style="visibility:visible""
me podrian dar un ejemplo...por favor..

este es mi codigo
echo"<form action="MANDAR.PHP" >";
echo "<input type=text name=\"in[header]\" size=\"$field_size\" maxlength=\"50\" value=\"$db[header]\">\n";

echo "<input type=text name=\"in[location]\">\n";

echo "<textarea rows=\"8\" name=\"in[text]\" cols=\"$text_field_size\">$text</textarea> \n";

if ((!$in[location] || !$in[header] || !$in[text]) {oculta el div}

else{ muestra el div}


echo"<div id=\"boton\" style=\"visibility:visible\">";
echo"<input type=\"submit\" value=\"Por 60 dias\" name=\"Boton1\" />";
echo"</div>";
echo"</form>";

como seria con javascript¿¿¿¿?¿?¿?

gracias!

[David]

Hay que tener en cuenta que si cambias visibility el div seguirá ocupando espacio aunque no se vea. Para ocultarlo sería:

Código javascript:

document.getElementById("boton").style.visibility = "hidden";