Preguntas Basicas de Javascript, Necesito AYUDA!!!!

mace-windu · #1 (**permalink**) 14/04/2003, 22:54

Tengo un formuilario en HTML, la cuestion es que no deseo enviar campos del formulario vacios. El punto es que necesito que me ayuden porque no se como hacerlo para que me entregue un mensaje para que cada vez que se apreta el boton de enviar datos y falta llenar algun campo me avise.
AYUDA!!!!!!

Ejemplo:
Ingrese su Nombre<input type=text name=name><br>
Ingrese su Apellido<input type=text name=apell><br>

necesito algo asi como
<INPUT TYPE="button" VALUE="Enviar Datos" name="Submit" onClick="return MENSAJE!!!!!!!!!!">

KarlanKas · #2 (**permalink**) 15/04/2003, 11:29

Dime si esto te sirve. Puedes poner todas las cajas que quieras en tu formulario sin tener que cambiar una línea del script:

Código:

<html>
<head>

	<script>
	
	function comprobar(){var mal=false;
	numero=document.forms[0].elements.length;
	for(a=0;a<numero;a++){
	if (document.forms[0].elements[a].value==""){document.forms[0].elements[a].style.backgroundColor="#ffffcc";mal=true;}
	else{document.forms[0].elements[a].style.backgroundColor="white";}
	}
	if(mal){alert("Por favor, rellene las cajas coloreadas");}
	else{document.forms[0].submit()}
	}
	
	</script>
</head>

<body>
<form action="javascript:alert('enviando')"
      method="post"
      name="formulario"
      id="formulario"
      style="font:normal 10px/10px verdana;border:solid 1px black;text-align:right;width:300px;"
      >
	  Nombre: <input type="text"
	         name="cosa"
	         id="cosa"><br>
	  Apellidos: <input type="text"
	         name="cosa"
	         id="cosa"><br>
	  Dirección: <input type="text"
	         name="cosa"
	         id="cosa"><br>
	  Nombre del perro: <input type="text"
	         name="cosa"
	         id="cosa"><br>
	  Pais: <input type="text"
	         name="cosa"
	         id="cosa"><br>
	  Conocidos con perro: <input type="text"
	         name="cosa"
	         id="cosa"><br>
			 <input onclick="comprobar()"
			 		type="button"
			        name="enviar"
			        value="Enviar!">
	
	  
	  
	  
	  </form>


</body>
</html>