control de campos en formulario

sicuesn · #1 (**permalink**) 22/07/2003, 19:34

hola:

Encontre este codigo en el foro y se ve bastante bueno pero mi problema es que yo no quiero que me controle todos los campos sino que solo algunos.....pero no se nada de javascript...
me podria alguien dar una manita con esto

este es el codigo

Código PHP:

  <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>

gracias

sicuesn

Kaopectate · #2 (**permalink**) 22/07/2003, 20:23

Hola sicuesn.

Prueba asi:

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
   function comprobar(){ 
    var mal=false; 
    with (document.forms[0]){ 
     numero = elements.length; 
     for (a = 0; a < numero; a++){ 
      if ((elements[a].name == "nombre") || (elements[a].name == "nombre_perro")){ 
       if (elements[a].value == ""){ 
        elements[a].style.backgroundColor = "#ffffcc"; 
        mal = true; 
       } else { 
        elements[a].style.backgroundColor = "white"; 
       } 
      } 
     } 
     if (mal) 
      alert("Por favor, rellene las cajas coloreadas"); 
     else 
      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="nombre" 
             id="cosa"><br> 
      Apellidos: <input type="text" 
             name="apellido" 
             id="cosa"><br> 
      Dirección: <input type="text" 
             name="direccion" 
             id="cosa"><br> 
      Nombre del perro: <input type="text" 
             name="nombre_perro" 
             id="cosa"><br> 
      Pais: <input type="text" 
             name="pais" 
             id="cosa"><br> 
      Conocidos con perro: <input type="text" 
             name="conocidos" 
             id="cosa"><br> 
             <input onclick="comprobar()" 
                     type="button" 
                    name="enviar" 
                    value="Enviar!"> 
  </form> 
 </body> 
</html>

Estoy usando el atributo nombre de los tags para saber cuales valido y cuales no.

Saludos.

sicuesn · #3 (**permalink**) 22/07/2003, 20:41

lo voy a probar.....te lo agradesco mucho...

gracias

un abrazo

sicuesn

cmmo · #4 (**permalink**) 24/07/2003, 10:54

Hola,

Estoy haciendo un formulario para una página web y buscando, buscando, he encontrado los scripts de este tema.

Son geniales, me han resultado superútiles

Solamente una preguntilla. Para discriminar los campos a validar, en vez del nombre, ¿podría usar el tipo? Es decir si el campo del formulario es select, ¿podría excluirlo de la validación?

Un saludo y gracias de antemano,
Carlos.

cmmo · #5 (**permalink**) 24/07/2003, 11:57

Hola de nuevo,

después de hacer un par de pruebas

lo he hecho añadiendo un if tal que así: if (elements[a].select). Queda más o menos así:

Código PHP:

  if (elements[a].select) 
{                     
    if (elements[a].value == "") 
    { 
        elements[a].style.backgroundColor = "#ffffcc"; 
        wrong= true; 
    }  
    else 
        elements[a].style.backgroundColor = "white"; 
}

No se si es la mejor manera, pero funciona!!!

Un saludo,
Carlos.