Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/09/2011, 14:59
kinto
 
Fecha de Ingreso: junio-2011
Mensajes: 59
Antigüedad: 12 años, 10 meses
Puntos: 0
Pregunta marcar campos vacios

ola gracias por su apoyo aora tengo el siguiente problema
quiero que al darle clic al submit me marca con un color todos los campos vacios, ya logro marcarlo pero solo lo ace unos por uno y quiero que al momento de dar el enviar me marque en color los que estan vacios
este es mi codigo de validacion les agradecere su ayuda
Código Javascript:
Ver original
  1. function validar(formInicio) {
  2.      
  3.   if (document.formInicio.ciudadPickUp.value==""){
  4.    document.getElementById('ciudadPickUp').className="borde";
  5.    //document.formInicio.ciudadPickUp.focus()
  6.    document.location.href="#ancla";
  7.    
  8.    return false;
  9.   }
  10.   if (document.formInicio.pickUp.value=="") {
  11.    document.getElementById('pickUp').className="borde";
  12.    return false;
  13.   }
  14.   if (document.formInicio.dropOff.value=="") {
  15.    document.getElementById('dropOff').className="borde";
  16.    
  17.    return false;
  18.   }
  19.   if (document.formInicio.hrInicio.value=="") {
  20.    document.getElementById('hrInicio').className="borde";
  21.    
  22.    return false;
  23.   }
  24.  
  25.   if (document.formInicio.hrFin.value=="") {
  26.    document.getElementById('hrFin').className="borde";  
  27.    return false;
  28.   }
  29. }

y este es mi form

Código HTML:
Ver original
  1. <form action="seleccionaAuto.php" method="POST" name="formInicio" id="formInicio" onSubmit="return validar(this);" >
  2.             <div class="linea"></div>
  3.                         <p ></p>
  4.                         <a name="ancla"> </a>
  5.             <p class="txtcot">CIUDAD DE RENTA:</p>
  6.             <p class="txtsel"> <select class="c1" id="ciudadPickUp" name="ciudadPickUp">
  7.                                   <option value="">-- Seleccione una Ciudad --</option>
  8.                                     <?php
  9.                                        $link = $pag->conecta("nacional");
  10.                                         $sql = "
  11.                                         SELECT *
  12.                                         FROM  `directorio`
  13.                                         ORDER BY  `directorio`.`ciudad` ASC
  14.                                      ";
  15.                                         $ciudades = $pag->_SQL($sql, "objeto", "nacional");
  16.                                         foreach($ciudades as $ind => $val){
  17.                                             echo "<option value='".$ciudades[$ind]->clave."' class='selectItem' >".ucwords($ciudades[$ind]->ciudad)."</option>";
  18.                                         }
  19.                                         mysql_close($link);
  20.                                         echo "<input type='hidden' value='".date('Y-m-d')."' id='hoyes'/>";
  21.                                     ?>
  22.                 </select>
  23.                            
  24.                            
  25.             </p>
  26.             <p class="txtcot"><label for="lRenta">LUGAR DE RENTA:</label></p>
  27.             <p class="txtsel"><select class="c1" name="pickUp" id="pickUp">
  28.                     <option value="">-- Seleccione Opcion --</option>
  29.                      <option value="Aeropuerto">Aeropuerto</option>
  30.                                 <option value="Centro">Centro</option>
  31.                 </select>
  32.             </p>
  33.             <p class="txtcot"><label for="devolucion">LUGAR DE DEVOLUCION:</label></p>
  34.             <p class="txtsel"><select class="c1" name="dropOff" id="dropOff">
  35.                      <option value="">-- Seleccione Opcion --</option>
  36.                      <option value="Aeropuerto">Aeropuerto</option>
  37.                                  <option value="Centro">Centro</option>
  38.                 </select></p>
  39.             <p class="txtcot"><label for="fecha_renta">FECHA DE RENTA:</label></p>
  40.            
  41.             <p class="txtcot"><label for="hora_renta">HORA DE RENTA:</label></p>
  42.             <p class="txtsel"><select class="c3" name="hrInicio" id="hrInicio">
  43.                 <?php
  44.                                        date_default_timezone_set('Mexico/General');
  45.                                        for($hora=0; $hora <= 24; $hora++){
  46.                                            $check = "";
  47.                                            if($hora < 10)
  48.                                                $formatoHora = "0".$hora;
  49.                                            else
  50.                                                $formatoHora = $hora;
  51.                                            $horaActual = date('H')+1;
  52.  
  53.                                            if($horaActual == $hora)
  54.                                                $check = "selected";
  55.  
  56.                                            echo "<option $check value='$formatoHora'>$formatoHora</option>";
  57.                                         }
  58.                                     ?>
  59.                     </select>
  60.                 <label>:</label>
  61.                     <select class="c3" name="hrInicio" id="hrInicio">
  62.                                         <option>00</option>
  63.                                         <option>15</option>
  64.                                         <option>30</option>
  65.                                         <option>45</option>
  66.                 </select>
  67.                
  68.             </p>
  69.             <p class="txtcot"><label for="fecha_devolucion">FECHA DE DEVOLUCION:</label></p>
  70.            
  71.             <p class="txtcot">HORA DE DEVOLUCIÓN:</p>
  72.             <p><select class="c3" name="hrFin" id="hrFin">
  73.                 <?php
  74.                                        date_default_timezone_set('Mexico/General');
  75.                                        for($hora=0; $hora <= 24; $hora++){
  76.                                            $check = "";
  77.                                            if($hora < 10)
  78.                                                $formatoHora = "0".$hora;
  79.                                            else
  80.                                                $formatoHora = $hora;
  81.                                            $horaActual = date('H')+1;
  82.  
  83.                                            if($horaActual == $hora)
  84.                                                $check = "selected";
  85.  
  86.                                            echo "<option $check value='$formatoHora'>$formatoHora</option>";
  87.                                         }
  88.                                     ?>
  89.                     </select>
  90.                 <label>:</label>
  91.                     <select class="c3" name="hrFin" id="hrFin">
  92.                                             <option>00</option>
  93.                                             <option>15</option>
  94.                                             <option>30</option>
  95.                                             <option>45</option>
  96.                 </select>
  97.             </p>
  98.             <p class="bt_enviar"><input type="submit" value="Mostrar autos y tarifas" id="btnCotizar"/></p>
  99.                         </form>