Obbligare focus su campi forum

[Pepo06]

Ciao a tutti,

avrei questa necessità:

obbligare l'utente ad eseguire il focus sui campi del form prima di poter procedere con l'invio. Ovviamente se l'utente non esegue il focus sui campi, non può inviare il form.
Vorrei, inoltre, che i campi fossero "colorati" di rosso almeno finchè non viene eseguito il focus, una volta eseguito il focus tornano "normali".

Come posso fare una cosa del genere?

Grazie!

[cavicchiandrea]

Devi usare onfocus e onblur in ogni campo e il tasto submit impostato su disabled e una funzione che verifichi la classe impostata dall'evento onblur (uscita dal campo) valido quando tutti sono validi abiliti il submit

[Pepo06]

Ciao e grazie della risposta!!!

il mio problema è proprio la funzione. come potrei farla?
tanti if tipo:

if (document.getElementById("nome_input").style.backgroundColor = "colore" && document.....) {
abilita SUBMIT;
}

Potrebbe andare o esiste qualcosa di meglio?

Grazie

[cavicchiandrea]

Dipende da quanti input devi verificare se sono 5/10 puoi fare cosi altrimenti un ciclo for sul tag-name (document.getElementsByTagName) input del form, ma non è cosi fondamentale, con il for risparmi risparmi qualche riga di codice.

[Pepo06]

Da ignorante ho provato con:

function controlla() {
var data_inserimento;
var codice_cliente;
data_inserimento = document.getElementById("data_inserimento").style.backgroundColor;
codice_cliente = document.getElementById("codice_cliente").style.backgroundColor;
if (data_inserimento == "#ffffff"; && codice_cliente == "#ffffff";) {
return;
} else {
alert("non hai controllato tutti i campi!");
}
}

Dando la gestione all'onClick del submit, che quindi, rimane sempre abilitato e verifica direttamente al momento del click.

Ovviamente non funziona, o meglio, permette sempre di "submittare" il form.

Dove sbaglio?

Grazie ancora!!

[Vindav]

- nell'if non ci vanno i ;
- la funzione va applicata all'evento onSubmit

[Pepo06]

Modifiche sagge! (maledetto copia ed incolla)

Però non funziona ancora bene. Mi compare sempre l'alert, sia che io sia passato sugli input sia che non ci sia passato e quando premo sull'ok dell'alert, il form viene comunque sempre inviato.

function controlla() {
var data_inserimento;
var codice_cliente;
data_inserimento = document.getElementById("data_inserimento").style.backgroundColor;
codice_cliente = document.getElementById("codice_cliente").style.backgroundColor;
if (data_inserimento == "#ffffff" && codice_cliente == "#ffffff") {
return;
} else {
alert("Non hai controllato tutti i campi!");
return false;
}
}

[Vindav]

se ti compare sempre l'alert significa che la condizione nell'if è sempre falsa, prova a mettere degli alert per verificare come sono valorizzate le 2 variabili( alert(data_inserimento) ecc...).

Riguardo il secondo problema nell'evento onSubmit devi richiamare la funzione in questo modo:

onSubmit="return controlla()"

[Pepo06]

Ecco perché non andava.

Mi restituiva rgb(255, 255, 255) invece del colore in esadecimale!

Ora sembra andare tutto!!!


GRAZIE!!!!