activar input text si el otro input text esta lleno

[kimmy]

Hola amigos quisiera saber como puedo ir llenando input text mientras el anterior se halla llenado con un valor numerico. Que haga esto cada vez que se posicione en el input siguiente y no al hacer submit. Lo que quiero es obligar al usuario a que llene cada campo en el orden correspondiente:

hice la prueba con este javascript, pero no funciona:

Código Javascript:

function validar(input) {
    if(form1.dias.value==""){
    form1.otros_desc.disabled=false;
    }else{
    form1.otros_desc.disabled=true;
   }
}
 

y en el input dias le coloco onchange="validar" pero no funciona. También lo probé en el onblur que ya tiene y no funciona.

Este es mi formulario:

Código PHP:

<form action="nomina_reg.php" method="post" name="form1" >
      <table width="750" border="0" class="tabla2">
        <tr>
          <td colspan="5" class="td2" bgcolor="#95bce2">UNIDAD EDUCATIVA EL MILAGRO DE LA PERLA</td>
          </tr>
        <tr>
          <td colspan="5">NOMINA PARA EL PAGO DE SUELDOS EMPLEADOS</td>
          </tr>
      <tr>
      <td width="26%">
      <div class="demo">
      <p>Fecha Desde: <input type="text" id="datepicker_1" name="desde" class="fechador"></p>
      </div>
      </td>
      <td width="26%">
      <div class="demo">
      <p>Fecha Hasta: <input type="text" id="datepicker_2" name="hasta" class="fechador"></p>
      </div>
      </td>
      </tr>
      </table>
      <br />
      <table width="750" border="1"  bordercolor="#95bce2"  class="tabla3">
  <tr bgcolor="#95bce2 ">
    <td width="3%" class="td3">Nº</td>
    <td width="3%" class="td3">CI</td>
    <td width="10%" class="td3">APELLIDOS</td>
    <td width="11%" class="td3">NOMBRES</td>
    <td width="4%" class="td3">DIAS</td>
    <td width="8%" class="td3">SUELDO BÁSICO</td>
    <td width="8%" class="td3">SUELDO DIARIO</td>    
    <td width="8%" class="td3">SUELDO B. QUINCENA</td>
    <td width="8%" class="td3">IVSS</td>
    <td width="8%" class="td3">PARO FORSOZO</td>
    <td width="8%" class="td3">LPH</td>
    <td width="8%" class="td3">OTROS DESCUENT</td>
    <td width="8%" class="td3">OTROS INGRESOS</td>
    <td width="8%" class="td3">TOTAL DEDUCCIONES</td>
    <td width="8%" class="td3">TOTAL DEVENGADO</td>
  </tr>
  
  <?php
$indice = 1;
$indice2 = 1;
$indice3 = 1;
//$indice4 = 1;
$rs = mysql_query("SELECT * FROM empleados ORDER BY id_empleado ASC");
while($result = mysql_fetch_array($rs)) {
    // Realmente no necesitas hacer todas las asignaciones que tienes
    // Sólo estás agregando más código, siempre puedes incluir...
    // ... elementos de array en cadenas usando {$result['indice']}
    $ivss = number_format(($result['sueldo_basico']*4/100),2,'.','');
    $paro_for = number_format(($result['sueldo_basico']*0.5/100),2,'.','');
    $lph = number_format(($result['sueldo_basico']*1/100),2,'.','');
    $sueldo_diario = $result['sueldo_basico']/30;
    // Para facilitar un poco las cosas, habrá que agregar un campo oculto...
    // ...con la id de empleado
?>
    <tr>
        <td><?php echo $result['id_empleado']; ?><input type="hidden" name="id_empleado[]" value="<?php echo $result['id_empleado']; ?>" /></td>
        <td><?php echo $result['ci']; ?></td>
        <td><?php echo "{$result['papellido']} {$result['sapellido']}"; ?></td>
        <td><?php echo "{$result['pnombre']} {$result['snombre']}"; ?></td>
        
        <td><input name="dias[]" type="text" id="dias<?php echo $indice; ?>" size="2" value="" onBlur="calcula(this.value, '<?php echo $sueldo_diario; ?>', <?php echo $indice; ?>);"   /></td>
        <td><label name="sueldo_basico" id="sueldo_basico" size="2" readonly="readonly" value="" ><?php echo $result['sueldo_basico']; ?></label></td>
        <td><input type="text" name="sueldo_diario[]" id="sueldo_diario" size="5" readonly="readonly" value="<?php echo $sueldo_diario; ?>" ></td>
        <td><input name="sueldo_quinc[]" type="text" id="sueldo_quinc<?php echo $indice; ?>" size="5" value="" readonly="readonly" /></td>
 
 
 
        <td><input type="text" name="ivss[]" id="ivss" size="3" readonly="readonly" value="<?php echo $ivss; ?>"  /></td>
        <td><input type="text" name="paro_for[]" id="paro_for" size="3" readonly="readonly" value="<?php echo $paro_for; ?>" ></td>
        <td><input type="text" name="lph[]" id="lph" size="3" readonly="readonly" value="<?php echo $lph; ?>" ></td>
        
        
        <td><input name="otros_desc[]" type="text" id="otros_desc<?php echo $indice2; ?>" size="5" value="" onBlur="deducciones(this.value, '<?php echo $ivss; ?>', '<?php echo $paro_for; ?>', '<?php echo $lph; ?>', <?php echo $indice2; ?>);" /></td>
        <td><input name="otros_ing[]" type="text" id="otros_ing<?php echo $indice3; ?>" size="5" value="" onChange="total_dev(this.value, sq, dd, <?php echo $indice3; ?>);" /></td>
 
        <td><input name="total_deducc[]" type="text" id="total_deducc<?php echo $indice2; ?>" size="5" value="" readonly="readonly" /></td>
       <td><input name="total_deveng[]" type="text" id="total_deveng<?php echo $indice3; ?>" size="5" value="" readonly="readonly"  /></td>
    </tr>
<?php
    $indice ++;
    $indice2 ++;
    $indice3 ++;
    //$indice4 ++;
} // fin de while
?>  <tr>
      <td>&nbsp;</td>
 
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td class="td3">TOTAL</td>
    <td><input type="text" id="total" name="total"  size="5" value="" readonly="readonly" onMouseOver="javascript:totalizar();" /></td>
  </tr>
</table>
  <tr>
 <!-- <A href="javascript:totalizar()">Ver valores</A>-->
    <th colspan="2"><input type="submit" name="button" id="button" value="Guardar" />
    </th>
  </tr>
</form>
 

Cómo puedo hacer esto?

Gracias.

[madhatterdef]

prueba esto

Código:

<html>
<head>
<script type="text/javascript">
function validar(form) {
  form.txt2.disabled=(form.txt1.value=='');
}
</script>
</head>
<body>
<form>
<input type="text" name="txt1" onkeyup="validar(this.form)" />
<input type="text" name="txt2" disabled="disabled"/>
</form>
</body>
</html>

[kimmy]

Muchas gracias madhatterdef, lo probé pero no me activa el segundo input al introducir el valor en el primero.

[madhatterdef]

pone eso en un html vacío y proba escribí en el primero y se te habilitara el segundo

que navegador usas lo probé firefox, chrome, opera, safari, lunascape e ie7, 8 y 9

[madhatterdef]

mira esto.

<html>
<head><script>
function calcula(form){
sueldo_diario = document.getElementById("sueldo_diario").value;
dias = document.getElementById("dias").value;
r = parseFloat(sueldo_diario)*parseFloat(dias)
document.getElementById("sueldo_quincenal").value = r;
form.txt2.disabled=(form.txt1.value=='');
}
function deducciones(form){
ivss = document.getElementById("ivss").value;
paro_forzoso = document.getElementById("paro_forzoso").value;
lph = document.getElementById("lph").value;
otros_descuentos = document.getElementById("otros_descuentos").value;
r2= parseFloat(ivss) + parseFloat(paro_forzoso) + parseFloat(lph) + parseFloat(otros_descuentos)
document.getElementById("total_deducciones").value = r2;
form.txt3.disabled=(form.txt2.value=='');
}

function totaldev(form){
sueldo_quincenal = document.getElementById("sueldo_quincenal").value;
otros_ingresos = document.getElementById("otros_ingresos").value;
total_deducciones = document.getElementById("total_deducciones").value ;
r3= parseFloat(sueldo_quincenal) + parseFloat(otros_ingresos) - parseFloat(total_deducciones)
document.getElementById("total_devengado").value = r3;
}


</script>
</head>
<body>
<form>
<input type="text" name="txt1" id="dias" value=0 onkeyup="calcula(this.form)" >
<input type="text" id="sueldo_diario" value=1548.21 readonly="readonly">
<input type="text" id="sueldo_quincenal" readonly="readonly">
<input type="text" id="ivss" value=61.93 readonly="readonly">
<input type="text" id="paro_forzoso" value=7.74 readonly="readonly">
<input type="text" id="lph" value=15.48 readonly="readonly">
<input type="text" name="txt3" id="otros_ingresos" value=0 disabled="disabled" onkeyup="totaldev()">
<input type="text" name="txt2" id="otros_descuentos" value=0 disabled="disabled" onkeyup="deducciones(this.form)">
<input type="text" id="total_deducciones" readonly="readonly">
<input type="text" id="total_devengado"readonly="readonly">
</form>
</body>
</html>

luego te puedo ayudar a adaptarlo al que te dio Nemutagk

[kimmy]

madhatterdef, voy a probarlo y te comento. Muchas Gracias. :)