Tema: alert () en un label
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 13/08/2014, 18:55
Shionix
 
Fecha de Ingreso: abril-2013
Ubicación: Puerto Rico (Mnes)
Mensajes: 20
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: alert () en un label
Hola Alexis desde ya Muchas gracias por tu ayuda :) no me funciona :/ pero creo que es por un error mio seguro, te muestro como lo he dejado.
Formulario
Código HTML: 
Ver original
  1. <html>
  2.    <head>   <script language="javascript" src="Validacion3.js"></script></head>
  3.    <body>
  4.     <form id = "ejemplo">
  5.         <section>
  6.             <label for = "nombre">Nombre:</label>
  7.             <input type = "text" name = "nombre" />
  8.             <label class = "aviso">Debe de ingresar su nombre</label>
  9.         </section>
  10.         <section>
  11.             <label for = "edad">Edad:</label>
  12.             <input type = "text" name = "edad" />
  13.             <label class = "aviso">Debe de ingresar su edad</label>
  14.         </section>
  15.         <input type = "submit" value = "Procesar" />
  16.     </form>
  17.     </body>
  18.     </html>

Código CSS: 
Ver original
  1. <style type="text/css">
  2.       .aviso{
  3.         display: none;
  4.     }
  5.  
  6.     </style>

Archivo validacion3.js

Código Javascript: 
Ver original
  1. var formulario = document.getElementById("ejemplo"), //El formulario
  2.         elementos = formulario.elements, //Sus elementos
  3.         avisos = document.getElementsByClassName("aviso"), //Las etiquetas
  4.         total = elementos.length; //El total de elementos del fomurlario
  5.      
  6.     formulario.addEventListener("submit", function(event){
  7.         event.preventDefault();
  8.         var valido = true;
  9.      
  10.         for (var i = 0; i < total; i++){
  11.             if (!elementos[i].value.length){
  12.                 avisos[i].style.display = "inline-block";
  13.                 valido = false;
  14.             }
  15.             else{
  16.                 avisos[i].style.display = "none";
  17.             }
  18.         }
  19.        
  20.         if (valido){
  21.             this.submit();
  22.         }
  23.     }, false);
Creo que lo dividi bien no? Al formulario y al Css lo puse junto para no hacer un archivo nuevo css por 3 renglones nada mas