Cambiare colore font nel campo

Shyson

Utente Attivo
19 Ago 2012
1.145
1
38
provalo cosi
HTML:
<form method="post" action="scrivimi2.php" id="mioform1">

    <textarea onkeyup="xxx1()" name="messaggio" cols="33" rows="4"></textarea>

    <input type="submit" value="Invia"/>
</form>
<script type="text/javascript">
    //<![CDATA[ <!-- Questo nasconde lo script a W3C e non esce errore -->
    function xxx1(){ 
        
        var modulo = document.forms.mioform1;
        var parole = /vietata/g;
        var nomiCampi = ["messaggio"];
        for (idCampo = 0; idCampo < nomiCampi.length; idCampo++) {
            var campo = modulo.elements[nomiCampi[idCampo]];            
            if (parole.test(campo.value)) {                
                campo.style.backgroundColor = "red";
                campo.style.color = "white";
                alert("La parola \"" + campo.value.match(parole)[0] + "\" non è ammessa");
                campo.focus();
                return false;
            }else{
                campo.style.backgroundColor = "white";
                campo.style.color = "black";
            }
        }
        return true
    }
    //]]> 
</script>
Dopo l'alert se cancello la parola, lo sfondo ridiventa bianco ma la parola rimane bianca.

Volevo chiederti, ma è proprio necessario quel lungo codice? Quello con test.
 

Shyson

Utente Attivo
19 Ago 2012
1.145
1
38
Facciamo una cosa, lo tengo come all'origine, tanto l'utente vede il campo rosso e nel momento che preme un tasto nel campo, lo sfondo ridiventa bianco.

Piuttosto mi sembra più importante far uscire l'alert con onblur invece che aspettare di arrivare al tasto invia.

Io ho provato con onblur in ogni campo ma poi l'alert non va più via
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Volevo chiederti, ma è proprio necessario quel lungo codice? Quello con test.
non per quello che stiamo cercando di fare
Dopo l'alert se cancello la parola, lo sfondo ridiventa bianco ma la parola rimane bianca.
Ho testato si FF IE e Chrome e funziona ( solo quello che ti ho postato io senza nient'altro )
tu cosa usi?
 

Shyson

Utente Attivo
19 Ago 2012
1.145
1
38
Possiamo fare una cosa, vediamo di riuscire a farlo funzionare senza quel lungo codice con test.

Per me c'è da modificare questa parte dal mio codice originale

if (parole.test(campo.value))
 
Ultima modifica: