Evento onclick para bloquear campos

[maiksix]

Hola a todos :)

Tengo un formulario web donde hay dos campos que solo puedes rellenar o el uno o el otro. Son dos inputs de type="text" y para bloquearlo he usado javascript i el evento onclick en cada uno de ellos, es decir, si hacen click en el primero se llama la función de bloqueo y bloquea el segundo campo.

Hasta ahí todo funciona perfectamente pero el problema esta en que si hacen click por ejemplo en el campo A, escriben lo que quieren, y luego se dan cuenta de que se han equivocado de campo, borran el contenido de A y proceden a rellenar el campo B, el campo B sigue bloqueado, ya que el evento onclick ya ha sucedido.

Así que mi duda es como puedo decirle que dependa del length del texto también? Ya que si pongo onclick y le dijo que además length >=1 sólo ejecuta la función cuando hacen click, y no cuando borran por ejemplo, o cuando acaban de escribir...

Voy un poco perdido en los timings e instrucciones para ejecutar funciones cuando deseo.

A ver si me podéis echar alguna idea :)

Muchas gracias

[Adrianbu95]

Hola.
Porque no pruebas con el evento onkeyup="funcion()" y le pones que cuando length sea distinto de 0 bloquee el otro textbox? (onkeyup sirve para cuando una tecla es presionada.)
Un saludo

[IvensVillalpando]

Puedes agregar una funcion de desbloqueo con un onchange(funciondesbloqueo(this.val)) en cada input asi obtendra el valor actual que tiene y si es == ''. desbloquee. ten en cuenta el funcionamiento de el onchange en los input

[maiksix]

Muchas gracias por vuestras respuestas, lo había empezado a hacer con onchange, concretamente como indica Ivens, pero una en la función nose como decirle que me bloquee otro campo.

Tengo lo siguiente:

Código:

<tr><br><b>Competidor colectivo</b><input style="margin-left:15px; width:300px;" type="text"  id="Competidor_Colectivo" class="disabled" name="Competidor_Colectivo" value="" onchange="cambiar(this.value)"></input> &nbsp; &nbsp; &nbsp;
                
<b>Representante (competidor colectivo)</b>:<input style="margin-left:15px;width:280px;" type="text" name="Representante" class="disabled" value="" onchange="cambiar(this.value)" ></input><br></tr>
                
                <tr><br><b>Competidor individual</b><input style="margin-left:15px;width:280px;" type="text" id="Competidor_Individual" class="disabled1" name="Competidor_Individual" value="" onchange="cambiar(this.value)"></input><br><br></tr>

Entonces una vez llego a la función cambiar nose como decirle que debe hacer que si alguno de los class="disabled" es != " " debe hacer que los class="disabled1" se bloqueen y viceversa...

Muchas gracias :)