Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/06/2014, 06:40
Avatar de alexisverano
alexisverano
 
Fecha de Ingreso: septiembre-2008
Ubicación: La Habana.Cuba
Mensajes: 298
Antigüedad: 16 años, 2 meses
Puntos: 36
Simplificar la funcion

Hola amigos,

Tengo esta funcion en ajax que me verifica el llenado de los objetos dentro de la pagina, son una lista listas y dos cajas de textos, y al dar al boton enviar si existe alguno sin contenido los marca con el borde en rojo, como solo eran tres elementos, lo hice de esta forma.
Ahora se requiere incorporar muchos mas datos (apellidos, sexo, direcciones, etc...) serian casi 20 objetos, entre listas, cajas de textos, botones de opcion y hasta checkbox.

Mi pregunta puedo simplificar la validacion de los objetos para que cuando existan los obligatorios (por que no todos son obligatorios) vacios me los marque en rojo?, como ya dije van a existir como tres o cuatro que no son obligatorios. Y no tener que tener uno por uno como les muestro abajo?


Código Javascript:
Ver original
  1. function update() {
  2.  
  3. vacio = "1px #F00 solid";
  4. campovacio = 0;
  5.  
  6.  
  7. if(document.getElementById("obj_departamento").value == ""){
  8.     document.getElementById("obj_departamento").style.border = vacio;
  9.     campovacio=campovacio+1;
  10.     }else{ document.getElementById("obj_departamento").style.border = ""; }
  11.    
  12. if(document.getElementById("obj_nombre").value == ""){
  13.     document.getElementById("obj_nombre").style.border = vacio;
  14.     campovacio=campovacio+1;
  15.     }else{ document.getElementById("obj_nombre").style.border = ""; }
  16.    
  17. if(document.getElementById("obj_ci").value == ""){
  18.     document.getElementById("obj_ci").style.border = vacio;
  19.     campovacio=campovacio+1;
  20.     }else{ document.getElementById("obj_ci").style.border = ""; }
  21.  
  22.  
  23. if(campovacio != 0){
  24.     alert ("Los campos señalados en rojo son de caracter obligatorio."); return;
  25. }
  26.  
  27. ........... continua el proceso del fichero ajax ....
  28.  
  29.     ajax = objetoAjax();
  30.     ajax.open("POST", "updates.php");
  31.  
  32.                    .........
  33.  
  34. }

Saludos y gracias...