Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/08/2013, 11:39
Avatar de Nico0601
Nico0601
 
Fecha de Ingreso: diciembre-2012
Ubicación: Buenos Aires, Zona Sur
Mensajes: 134
Antigüedad: 11 años, 5 meses
Puntos: 0
Funciones con condicion en Javascript

Buenas gente, recurro a uds porque nose como hacer esto.
Tengo la siguiente tabla que me muestra los datos de un archivo importado y me marca los errores con un borde rojo.
Código HTML:
<tr>
                <td><input type="text" name="<?php echo ("trab_apellido".$i);?>" id="<?php echo ("trab_apellido".$i);?>" value="<?php echo $apellido; ?>" style="border:0px; width: 80px;<?php if(!(preg_match("/^([a-z ñáéíóú ÑÁÉÍÓÚ ]{2,50})$/i",$apellido))){ echo "border:2px solid #cc0000;";} ?>" onblur="valida_apellido(<?php echo $i; ?>); esconde(<?php echo $i; ?>);" ></td>
                <td><input type="text" name="<?php echo ("trab_nombre".$i); ?>" id="<?php echo ("trab_nombre".$i); ?>" value="<?php echo $nombre; ?>" style="border:0px; width: 80px;<?php if(!(preg_match("/^([a-z ñáéíóú ÑÁÉÍÓÚ ]{2,50})$/i",$nombre))){ echo "border:2px solid #cc0000;";} ?>" onblur="return valida_nombre(<?php echo $i; ?>);" /></td>
                <td><input type="text" name="<?php echo ("trab_cuil".$i); ?>" id="<?php echo ("trab_cuil".$i); ?>" value="<?php echo $cuil; ?>" style="border:0px; width: 80px;<?php if(!cuitValido($cuil)){ echo "border:2px solid #cc0000;";}?>" onblur="return valida_cuil(<?php echo $i; ?>);" /></td>
                <td><input type="text" name="<?php echo ("trab_basico".$i); ?>" id="<?php echo ("trab_basico".$i); ?>" value="<?php echo $basico; ?>" style="border:0px; width: 80px; text-align:right;<?php if(!is_numeric($basico)){ echo "border:2px solid #cc0000;";} ?>" onblur="return valida_basico(<?php echo $i; ?>);"/></td>
                <td><input type="text" name="<?php echo ("trab_bruto".$i); ?>" id="<?php echo ("trab_bruto".$i); ?>" value="<?php echo $bruto; ?>" style="border:0px; width: 80px; text-align:right;<?php if(!is_numeric($bruto)){ echo "border:2px solid #cc0000;";} ?>" onblur="return valida_bruto(<?php echo $i; ?>);"/></td>
                <td><input type="text" name="<?php echo ("trab_afiliado".$i); ?>" id="<?php echo ("trab_afiliado".$i); ?>" value="<?php echo $afili; ?>" style="border:0px; width: 50px; text-align:center;<?php if(trim((string)$afili) !== "0" && trim((string)$afili) !== "1"){ echo "border:2px solid #cc0000;";} ?>" onblur="return valida_afiliado(<?php echo $i; ?>);" maxlength="1"/></td>
              </tr> 
Ahora lo que hice con javascript fue sacar los bordes rojos a medida que el usuario va corrigiendo, este es el codigo de las funciones pongo algunas de muestra
Código Javascript:
Ver original
  1. function valida_basico(valor)
  2.         {
  3.           var trab_basico="#trab_basico"+valor;
  4.             var basico = "";
  5.             basico = $(trab_basico).val();
  6.          
  7.             if(!/^\d+\.?\d*$/.test(basico))
  8.             {
  9.                 $(trab_basico).css({ border: '2px solid #cc0000'});
  10.                 return false;
  11.             }else
  12.             {
  13.                 $(trab_basico).css({ border: "white" });
  14.                 return false;
  15.             }
  16.         }
  17.     function valida_bruto(valor)
  18.         {
  19.           var trab_bruto="#trab_bruto"+valor;
  20.             var bruto = "";
  21.             bruto = $(trab_bruto).val();
  22.          
  23.             if(!/^\d+\.?\d*$/.test(bruto))
  24.             {
  25.                 $(trab_bruto).css({ border: '2px solid #cc0000'});
  26.                 return false;
  27.             }else
  28.             {
  29.                 $(trab_bruto).css({ border: "white" });
  30.                 return false;
  31.             }
  32.         }
  33.     function valida_afiliado(valor)
  34.         {
  35.           var trab_afiliado="#trab_afiliado"+valor;
  36.             var afili = "";
  37.             afili = $(trab_afiliado).val();
  38.          
  39.             if(!/[0-1]/.test(afili))
  40.             {
  41.                 $(trab_afiliado).css({ border: '2px solid #cc0000'});
  42.                 return false;
  43.             }else
  44.             {
  45.                 $(trab_afiliado).css({ border: "white" });
  46.                 return false;
  47.             }
  48.         }
El submit para guardar los datos en la base de datos lo pongo "disabled"
Y lo que nose hacer es que si esta todo bien me habilite el boton del submit.
Como hago una funcion para eso? Me explico?
__________________
Nico...