2 Campi di un Form collegati tra loro

[Ladyweb]

Buongiorno,
Supponiamo io abbia un form con 2 campi,
è possibile fare in modo che non si riesca a scrivere nel secondo box se non si è digitato niente nel primo?
(una specie di oscuramento)

Grazie.

[fcaldera]

una delle tante possibili soluzioni

<input type="text" id="c1" />
<input type="text" id="c2" onkeyup="if (document.getElementById('c1').value=='') this.value=''; "/>

Ciao

[Ladyweb]

Allora ho provato come dici te ma non funziona, cioè
riesco a scrivere in c2 anche se c1 è vuoto.

A me piacerebbe che il c2 sarebbe inaccessibile se c1 è vuoto

<script type="text/javascript">
function oscura()
{
if (document.getElementById('c1').value=='') this.value='';
}
</script>
<input type="text" id="c1" />
<input type="text" id="c2" onkeyup="oscura()"/>

[fcaldera]

se lo cambi rispetto a come l'ho scritto, "this" perde il riferimento (ed è naturale che non funzioni più)

<script type="text/javascript">
function oscura(campo) {
   if (document.getElementById('c1').value=='') campo.value='';
}
</script>

<input type="text" id="c1" />
<input type="text" id="c2" onkeyup="oscura(this)"/>

Ciao

[Ladyweb]

Wow Funziona che bello, Grazie

Ora però vorrei domandarti una cosa, la funzione che tu hai scritto porta semplicemente a vuoto tutto il box2 fino a quando non hai scritto niente nel box1 però a me servirebbe una cosa un pò più complessa.

Mi spiego in realtà dovrei costruire un piccolo form a due campi dove o scrivi nel primo o nel secondo ma mai in entrambi. Mi piacerebbe che i due campi fossero all'inizio entrambi visibili, se digiti qualcosa nel primo il secondo diventa grigio e inaccessibile e viceversa.

Poi ho notato che nel suggerimento (codice) che mi hai dato io posso scrivere qualcosa nel primo, scrivere nel secondo e poi se cancello qualcosa dal primo (anche tutto) il secondo comunque rimane scritto.

[fcaldera]

mmhh.. così può andare bene?

<script type="text/javascript">
function disabilita(campo) {
    if (campo == 'c1') { 
        if (document.getElementById('c1').value == '') {
            document.getElementById('c2').removeAttribute('disabled');
        }
        else
        {
            document.getElementById('c2').value = '';
            document.getElementById('c2').disabled = 'disabled';
        }        
    }
    if (campo == 'c2') { 
        if (document.getElementById('c2').value == '') {
            document.getElementById('c1').removeAttribute('disabled');
        }
        else
        {
            document.getElementById('c1').value = '';
            document.getElementById('c1').disabled = 'disabled';
        }        
    }

}
</script>

c1: <input type="text" id="c1" onkeyup="disabilita('c1')" />

c2: <input type="text" id="c2" onkeyup="disabilita('c2')" />

[Ladyweb]

Grazie ancora della risposta,
però devo segnalare un errore, in pratica facendo come scrivi te succede un problema.
Mettiamo che io scriva in c1, come è giusto in c2 non posso scrivere più (cioè viene disabilitato) però se cancello tutto da c1 (magari mi sono accorta di aver sbagliato campo)
c2 non si abilita più e quindi rimango fregata.
Come lo si può risolvere.?