Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/07/2004, 06:18
Avatar de Eztopa
Eztopa
 
Fecha de Ingreso: diciembre-2002
Ubicación: En todas partes
Mensajes: 135
Antigüedad: 21 años, 4 meses
Puntos: 0
Validar un formulario sin usar alert

Saludos,
Pues estoy intentando validar un formulario, pero lo que quiero es que no me salga la típica caja de alert informando sobre los campos a rellenar, sino que en cada campo aparezca el texto de error. Por ejemplo en el campo email que aparezca "error debe introducir un email valido".

Por ahora este es el codigo que tengo:

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){document.forms[0].elements[0].value='Introduzca su Nombre';} 
    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>
__________________
Cool BOTIJO POWER!!!
Diseño Web
http://www.coolbotijo.net/coolbotijo1.gif