Casella Testo e Caratteri Minimi

[Manuelandro]

Ciao. Ho bisogno di uno script o una dritta per fare in modo che in una casella di testo, quando sto scrivendo il testo è rosso, ma diventa verde appena raggiunge il numeri di caratteri minimi.

Se non si può fare col testo, mi andrebbe bene anche con lo sfondo, o in un altro modo.


Fatemi sapere, grazie.

[Mich_]

Con il CSS da solo non si puo` fare. Occorre un minimo di JS.

Esempio: avendo due selettori CSS:
.sottomin {
color: red;
}
.sopramin {
color: green;
}

<input type="text" ... class="sottomin" onkeyup="if(this.value.length>5) this.className='sopramin';">

Naturalmente questo e` un JS minimale, che manca di varie features (ad es. che succede se l'utente supera i 5 car e poi cancella?). Forse ti serve un JS piu` raffinato.

Sposto comunque nel forum JS.

[Manuelandro]

ok...si le tue indicazioni sono giuste. Ed il codice iniziale va bene così. Purtroppo però come dici tu mi serve sapere come fare per tornare allo style precedente quando l'utente cancella, e seconda ed ultima cosa, che questo change di colori deve avvenire solo se il primo carattere è +.

fatemi sapere, grazie ancora..sciaoo

[lake86]

se guendo _mitch

Esempio: avendo due selettori CSS:
.sottomin {
color: red;
}
.sopramin {
color: green;
}

<input type="text" ... class="sottomin" onkeyup='funzione';">

function funzione(){
if (this.value.length<60 && this.value.charAt(0)=='+')
this.className='sopramin';
else
this.className='sottomin';"
}

[Manuelandro]

allora ho provato a fare in questo modo, per far diventare la casella rossa quando il primo carattere è + e i caratteri sono minori di 60. Appena si superano i 59 caratteri la casella dovrebbe tornare blu.

onkeyup="if(this.value.charAt(0)=='+' && this.value.length<60) this.className='BTN2';"

risultato: appena scrivo il + iniziale la casella diventa rossa. Continuo a scrivere ma quando arrivo a 60 caratteri la casella resta rossa.

[lake86]

Dai eri vicino..... Mancava solo l'else.....
Ti consiglio di leggerti delle basi di programmazione per migliorare le tue skill in js :P

Ciao Matteo

[Manuelandro]

non funziona nemmeno come dici hai fatto tu...


EDIT: anzi, come l'ho fatto io, la casella diventa rossa col + almeno, come mi hai detto tu manco quello.

[Manuelandro]

ok ho messo l'else a quel che avevo fatto prima ed ora va.

Mi resta solo come far tornare rosso se l'utente cancella fino a scender <60 e blu se cancella tutto!

[lake86]

function funzione(){
if (this.value.length<60 && this.value.charAt(0)=='+')
this.className='sopramin';
else if (this.value.length<60)
this.className='ClasseBLU';"
else
this.className='sottomin';"
}

Che torna rosso sotto i 60 non lo fa gia?

[Manuelandro]

no..