Foros del Web » Programando para Internet » Javascript »

Validar un formulario sin usar alert

Estas en el tema de Validar un formulario sin usar alert en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/07/2004, 06:18
Avatar de Eztopa  
Fecha de Ingreso: diciembre-2002
Ubicación: En todas partes
Mensajes: 135
Antigüedad: 21 años, 3 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
  #2 (permalink)  
Antiguo 09/07/2004, 09:19
 
Fecha de Ingreso: abril-2004
Ubicación: México D.F.
Mensajes: 1.724
Antigüedad: 20 años
Puntos: 4
Utiliza los stilos, por ejemplo, si falta algún campo o el dato es incorecto podrias hacer.: campo.style.bordercolor="red".

Asi yo lo manejo y en verdad se ve bien y sales de lo normal.
  #3 (permalink)  
Antiguo 09/07/2004, 10:33
Avatar de Eztopa  
Fecha de Ingreso: diciembre-2002
Ubicación: En todas partes
Mensajes: 135
Antigüedad: 21 años, 3 meses
Puntos: 0
Gracias por contestar orharo pero me puedes poner un ejemplo?
__________________
Cool BOTIJO POWER!!!
Diseño Web
http://www.coolbotijo.net/coolbotijo1.gif
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 17:12.