Campos requeridos de formulario

Spiroweb · #1 (**permalink**) 07/02/2007, 11:28

Hola de nuevo, como hago requerido un campo de formulario de una manera sencilla?.

gracias.

DragonX · #2 (**permalink**) 07/02/2007, 11:33

este código deberia ir dentro de los tags <head>....</head>

Código HTML:

<script type="text/javascript">
function validar() 
        {
if (document.f1.nombre.value=="") // nombre del campo
                {
                alert("Debe ingresar su Nombre");
                document.f1.nombre.focus();
                return;
                }
				
	document.f1.submit();

}
        
</script>

y al link enviar le pones lo siguiente:

Código HTML:

<a href="javascript:Validar();">Enviar Form</a>

Y listo!

Spiroweb · #3 (**permalink**) 08/02/2007, 03:09

hola de nuevo, he probado cn lo queme has dicjho pero no funciona, no pasa nada....
pego aqui el codigo para ver si veis el fallo , muchas gracias.

(no pego los estilos)
<html>
<head>
<script type="text/javascript">
function validar()
{
if (document.FormularioAlta.nombre.value=="") // nombre del campo
{
alert("Debe ingresar su Nombre");
document.FormularioAlta.nombre.focus();
return;
}

document.FormularioAlta.submit();

}

</script>
</head>

<body>
<div id="Layer1">
<form id="FormularioAlta" name="FormularioAlta" method="post" action="mailto:[email protected]" enctype="text/plain">

<table width="369" border="0" cellspacing="3">
<tr>
<td width="133" class="Estilo4">*e-mail </td>
<td width="223" class="Estilo4"><input name="e-mail" type="text" class="Estilo3" id="e-mail" tabindex="1" size="27" align="right" /></td>
</tr>
<tr>
<td class="Estilo4">*Nombre</td>
<td><span class="Estilo2">
<input name="nombre" type="text" class="Estilo3" id="nombre" tabindex="2" size="27" />
</span></td>
</tr>
<tr>
<td class="Estilo4">*Apellidos</td>
<td><input name="apellidos" type="text" class="Estilo3" id="apellidos" tabindex="3" size="27" /></td>
</tr>
<tr>
<td class="Estilo4">*Dirección</td>
<td><span class="Estilo1">
<input name="direccion" type="text" class="Estilo3" id="direccion" tabindex="4" size="27" />
</span></td>
</tr>
<tr>
<td class="Estilo4"> Ciudad</td>
<td><span class="Estilo1">
<input name="ciudad" type="text" class="Estilo3" id="ciudad" tabindex="5" size="27" />
</span></td>
</tr>
<tr>
<td class="Estilo4">*C.P.</td>
<td><span class="Estilo1">
<input name="cp" type="text" class="Estilo3" id="cp" tabindex="5" size="27" />
</span></td>
</tr>
<tr>
<td class="Estilo4"> Pais</td>
<td><span class="Estilo1">
<input name="pais" type="text" class="Estilo3" id="pais" tabindex="5" size="27" />
</span></td>
</tr>
<tr>
<td class="Estilo4">Cargo</td>
<td><span class="Estilo1">
<input name="cargo" type="text" class="Estilo3" id="cargo" tabindex="6" size="27" />
</span></td>
</tr>
<tr>
<td class="Estilo4 Estilo7"><div align="justify" class="Estilo4">
<div align="left">Área de negocio</div>
</div></td>
<td><span class="Estilo1">
<input name="negocio" type="text" class="Estilo3" id="negocio" tabindex="6" size="27" />
</span></td>
</tr>
</table>
<div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table width="369" border="0" cellspacing="3">
<tr>
<td class="Estilo4 Estilo5">
<div align="center"><a href="javascript:Validar();">REGISTRARSE</a>
</div></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
</div>
</form>
</div>
</body>
</html>

JavierB · #4 (**permalink**) 08/02/2007, 03:15

Hola Spiroweb

Recuerda que JavaScript es sensible a las mayúsculas. La función se llama validar() y la están llamando como Validar().

Saludos,

Spiroweb · #5 (**permalink**) 08/02/2007, 03:36

Hay que joderse......., tienes razón, ya funciona, era esa "V" mayuscula, muchas gracias.......

FUNCIONAAAAAAAA

:)

Spiroweb · #6 (**permalink**) 08/02/2007, 03:40

bien, ahora solo me queda hacerlo para varios campos, tengo que repetir el codigo o sino como lo hago?

gracias de nuevo

Spiroweb · #7 (**permalink**) 08/02/2007, 04:12

YA......., repitiendo ese codigo para cada campo funciona perfectamante, gracias de nuevo....

DragonX · #8 (**permalink**) 08/02/2007, 05:34

excelente entonces!!!