Bloquear campos

davchi · #1 (**permalink**) 07/05/2010, 22:04

Hola a todos:
Tengo un formulario con varios campos, text y select y lo q quiero es poder bloquear algunos si hay alguno q quede vacio

ej
Campo A = '1'
Campo B = '1'
Campo C = ''

si el campo C esta vacio q me bloquee el campo D o el q yo quiera y asi con otros campos.

Alguien conoce algun escript echo

muchas gracias

zerokilled · #2 (**permalink**) 07/05/2010, 22:20

te refieres a que todos los campos estan bloqueados salvo el primero, a la vez que se van llenando, el proximo campo se habilita. ¿es asi?

davchi · #3 (**permalink**) 07/05/2010, 23:01

mas o menos es la idea.
hay campos q se llenan si o si, y otros q segun se haya llenado alguno de otros campos

_cronos · #4 (**permalink**) 08/05/2010, 08:13

Podrías poner que algunos campos estén hidden y que si se escribe algo en los otros se vuelvan visible, luego compruebas que si se ha escrito algo en el visible y nada en los otros pues mandas un alert o algo.
Saludos (:

davchi · #5 (**permalink**) 08/05/2010, 08:24

si, eso seria barbaro, tendrias algun ejemplo
gracias

_cronos · #6 (**permalink**) 08/05/2010, 10:16

Bueno pues he estado probando a ver cómo podía hacerlo pero no me ha salido aver si alguien con más conocimientos puede ayudarnos xD. Yo conseguí esto (la consola de errores me pone missing formal argument cuano ejecuto la 2ª función y undefined en la primera :S)

Código HTML:

Ver original<html>
 <head>
  <title>A</title>
 </head>
 <body>
  <script>//más abajo//</script>
  <form name='f1' id='f1' method='post' action=''>
    Primer input<input type='text' id='t1' onkeyup='mostrar(t1, div1)' onkeydown='mostrar(t1, div1)'>
    Segundo input<input type='text' id='t2' onkeyup='mostrar(t2, div2)' onkeydown='mostrar(t2, div2)'>
    <div style='visibility:hidden;' id='div1'>
    Primer input (oculto)<input type='text' id='t1.1'>
    </div><div style='visibility:hidden;' id='div2'>
    Segundo input (oculto) <input type='text' id='t2.1'>
    </div>
    <input type='button' onClick='comprobar(t1, t1.1, div1, t2, t2.1, div2)' value='Enviar'>
  </form>
 </body>
</html>

Código Javascript:

Ver original<script type='text/javascript'>
   function mostrar(a, b){
    if(document.getElementById('a').value!=''){
     document.getElementById('b').style.visibility = 'visible';
    }else{
     document.getElementById('b').style.visibility = 'hidden';
    }
   }
   
   function comprobar(a1, a2, a3, a4, a5, a6){
    if(document.getElementById('a3').style.visibility = 'visible' && document.getElementById('a1').value!='' && document.getElementById('a2').value=''){
     alert('Debe rellenar todos los campos');
     return false;
    }else{
      return true;
    }  
    if(document.getElementById('a6').style.visibility = 'visible' && document.getElementById('a4').value!='' && document.getElementById('a5').value=''){
     alert('Debe rellenar todos los campos');
     return false;
    }else{
      return true;
    }
   }
  </script>

Siento no poder darte el código válido.
Saludos

davchi · #7 (**permalink**) 08/05/2010, 12:52

es exactamente lo q busco

alguien se apunta para poder terminar este script

muchas gracias

davchi · #8 (**permalink**) 11/05/2010, 13:09

no hay nadie q se le ocurra alguna idea,

gracias