Foros del Web » Creando para Internet » HTML »

Necesito ayuda con Formulario

Estas en el tema de Necesito ayuda con Formulario en el foro de HTML en Foros del Web. Estoy intentando hacer un formulario que me valide todos los campos, y buscando en google me aparecio un tema donde explicaban como hacerlo, traté de ...
  #1 (permalink)  
Antiguo 20/06/2009, 12:37
 
Fecha de Ingreso: junio-2009
Mensajes: 3
Antigüedad: 8 años, 5 meses
Puntos: 0
Necesito ayuda con Formulario

Estoy intentando hacer un formulario que me valide todos los campos, y buscando en google me aparecio un tema donde explicaban como hacerlo, traté de adaptarlo pero ahora no me funciona el boton, espero puedan ayudarme. Segun lo que puedo entender es que no entiendo que es la funcion submit, he trabajado con formularios conectados a php pero no asi como este ejemplo, mas sin embargo es el que se adapta mas a mis necesidades

Nota. No soy un experto en html pero me defiendo

Aqui mi codigo

</head>

<script language="javascript">
function valida_envia(){
//valido el nombre
if (document.fvalida.nom.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.nom.focus()
return 0;
}

//valido la direccion
if (document.fvalida.dir.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.dir.focus()
return 0;
}

//valido el telefono
if (document.fvalida.tel.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.tel.focus()
return 0;
}

//valido el estado
if (document.fvalida.edo.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.edo.focus()
return 0;
}

//valido el pais
if (document.fvalida.pais.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.pais.focus()
return 0;
}

//valido el correo electronico
if (document.fvalida.email.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.email.focus()
return 0;
}

//valido los comentarios
if (document.fvalida.coms.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.coms.focus()
return 0;
}

//el formulario se envia
alert("Muchas gracias por tus comentarios.
En breve nos pondremos en contacto contigo");
document.fvalida.submit();
}
</script>


<body>
<form name="fvalida">
<label>Nombre
<input name="nom" type="text" id="nom" size="51" />
</label>
<p>
<label>Direccion
<input name="dir" type="text" id="dir" size="50" />
</label>
</p>
<p>Telefono
<input name="lada" type="text" id="lada" size="4" maxlength="3" />
</label>
<label>
<input name="tel" type="text" id="tel" size="10" maxlength="7" />
</label>
<label>Estado
<input name="edo" type="text" id="edo" size="27" />
</label>
</p>


<p>
<label>Pais
<input name="pais" type="text" id="pais" size="30" />
</label>
</p>
<p>
<label>Correo Electronico
<input name="email" type="text" id="email" size="40" />
</label>
</p>
<p>
<label>Comentarios <br />
<textarea name="coms" cols="57" rows="4" id="coms"></textarea>
</label>
</p>
<p>
<label>
<td colspan="2" align="center"><input type="button" value="Enviar" onclick="valida_envia()" >
</label>
</form>


</body>
</html>
  #2 (permalink)  
Antiguo 20/06/2009, 13:03
Avatar de Avatar810  
Fecha de Ingreso: agosto-2007
Ubicación: Por rumbos Regios
Mensajes: 485
Antigüedad: 10 años, 3 meses
Puntos: 23
Respuesta: Necesito ayuda con Formulario

prueba esto

Código HTML:
</head>
<script language="javascript">
	function valida_envia(){ 
		//valido el nombre 
		if (document.fvalida.nom.value.length==0){ 
			alert("Tiene que introducir todos los datos") 
			document.fvalida.nom.focus() 
			return 0; 
		} 
		//valido la direccion 
		if (document.fvalida.dir.value.length==0){ 
			alert("Tiene que introducir todos los datos") 
			document.fvalida.dir.focus() 
			return 0; 
		} 
		//valido el telefono 
		if (document.fvalida.tel.value.length==0){ 
			alert("Tiene que introducir todos los datos") 
			document.fvalida.tel.focus() 
			return 0; 
		} 
		//valido el estado 
		if (document.fvalida.edo.value.length==0){ 
			alert("Tiene que introducir todos los datos") 
			document.fvalida.edo.focus() 
			return 0; 
		} 
		//valido el pais 
		if (document.fvalida.pais.value.length==0){ 
			alert("Tiene que introducir todos los datos") 
			document.fvalida.pais.focus() 
			return 0; 
		} 
		//valido el correo electronico 
		if (document.fvalida.email.value.length==0){ 
			alert("Tiene que introducir todos los datos") 
			document.fvalida.email.focus() 
			return 0; 
		} 
		//valido los comentarios 
		if (document.fvalida.coms.value.length==0){ 
			alert("Tiene que introducir todos los datos") 
			document.fvalida.coms.focus() 
			return 0; 
		} 
		//el formulario se envia 
		alert("Muchas gracias por tus comentarios. 
		En breve nos pondremos en contacto contigo"); 
		document.fvalida.submit(); 
	} 
</script>
<body>
	<form name="fvalida" action="pagina2.php" onSubmit="return valida_envia()" >
		<label>Nombre
		<input name="nom" type="text" id="nom" size="51" />
		</label>
		<p>
		<label>Direccion
		<input name="dir" type="text" id="dir" size="50" />
		</label>
		</p>
		<p>Telefono
		<input name="lada" type="text" id="lada" size="4" maxlength="3" />
		</label>
		<label>
		<input name="tel" type="text" id="tel" size="10" maxlength="7" />
		</label> 
		<label>Estado
		<input name="edo" type="text" id="edo" size="27" />
		</label>
		</p>
		
		
		<p>
		<label>Pais
		<input name="pais" type="text" id="pais" size="30" />
		</label>
		</p>
		<p>
		<label>Correo Electronico
		<input name="email" type="text" id="email" size="40" />
		</label>
		</p>
		<p>
		<label>Comentarios <br />
		<textarea name="coms" cols="57" rows="4" id="coms"></textarea>
		</label>
		</p>
		<p>
		<label>
		<input type="submit" value="Enviar">
		</label>
		</p>
	</form> 
</body>
</html> 
__________________
Una demo siempre funcionará correctamente hasta que toque algo tu (hasta ahora) cliente.
Avatar810
  #3 (permalink)  
Antiguo 20/06/2009, 13:05
Avatar de Avatar810  
Fecha de Ingreso: agosto-2007
Ubicación: Por rumbos Regios
Mensajes: 485
Antigüedad: 10 años, 3 meses
Puntos: 23
Respuesta: Necesito ayuda con Formulario

bueno, dejo el post anterior por si a alguien le sirve...

El detalle con tu codigo original es que tu forma no tiene accion.
Cuando el formulario esta lleno y se le da submit(enviar) el formulario se manda al archivo que indicas en el action del form pero el tuyo no tiene nada...

Saludos
__________________
Una demo siempre funcionará correctamente hasta que toque algo tu (hasta ahora) cliente.
Avatar810
  #4 (permalink)  
Antiguo 20/06/2009, 21:51
 
Fecha de Ingreso: junio-2009
Ubicación: Bogotá
Mensajes: 2
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Necesito ayuda con Formulario

debes revisar también el method del formulario porque si no lo ingresas se utiliza GET automáticamente
  #5 (permalink)  
Antiguo 21/06/2009, 01:48
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Necesito ayuda con Formulario

Hola:

Espero que sirva este tuto: El abc de los formularios

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 22/06/2009, 13:13
 
Fecha de Ingreso: junio-2009
Mensajes: 3
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Necesito ayuda con Formulario

Muchas gracias...he podido solucionarlo ...gracias a todos los que se tomaron el tiempo para postear una respuesta
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 05:41.