Campo colorato

[Braco]

Vorrei modificare i codici dei campi obbligatori in modo che se non viene compilato uno o più campi vorrei che la finestrina diventi gialla in modo che l'utente vede qual'è, nel mio codice esce già l'alert di window.

Posto un codice:

if(f.nome.value == "" || f.nome.value.charAt(0) == " "){
alert("Inserire il Nome");
f.nome.focus();
return false;
} 

[floyd]

f.style.backgroundColor = '#ffffaa';
sui campi di testo funziona

[Braco]

Originariamente inviato da floyd
f.style.backgroundColor = '#ffffaa';
sui campi di testo funziona

Ho messo così ma non va

if(f.nome.value == "" || f.nome.value.charAt(0) == " "){
alert("Inserire il Nome");
f.style.backgroundColor = '#ffffaa';
f.nome.focus();
return false;
}

[Xinod]

f.nome.style.backgroundColor='#ffffaa'

[Braco]

Originariamente inviato da Xinod
f.nome.style.backgroundColor='#ffffaa'

Ok

[Braco]

Originariamente inviato da Xinod
f.nome.style.backgroundColor='#ffffaa'

Funziona ma quando rimetto dentro il campo il cursore il colore rimane non dovrebbe scomparire?

[floyd]

Originariamente inviato da Xinod
f.nome.style.backgroundColor='#ffffaa'

eh eh

Originariamente inviato da Braco
quando rimetto dentro il campo il cursore il colore rimane non dovrebbe scomparire?

il codice imposta il colore di background, non collegato a eventi come il focus

[Braco]

Originariamente inviato da floyd
eh eh

il codice imposta il colore di background, non collegato a eventi come il focus

...percui come lo modifico?

[floyd]

<input type="text" ... onfocus="this.style.backgroundColor = '#fff'"/>
ma devi togliere questa riga dalla funzione f.nome.focus();

[Braco]

Originariamente inviato da floyd
<input type="text" ... onfocus="this.style.backgroundColor = '#fff'"/>
ma devi togliere questa riga dalla funzione f.nome.focus();

Aspetta...ho notato che quando ese l'alert e si accende il campo di giallo, il cursore appare già nel campo perciò si tratta solo di togliere il colore giallo quando si inizia a scrivere.

Posto il codice:

...
if(f.nome.value == "" || f.nome.value.charAt(0) == " "){
f.nome.style.backgroundColor='#ffff00'
alert("Inserire il Nome");
f.nome.focus();
return false;
}
...