Cambiare colore font nel campo

Shyson

Utente Attivo
19 Ago 2012
1.179
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.179
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.179
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:
Discussioni simili
Autore Titolo Forum Risposte Data
G Cambiare colore ad un record database mysql MySQL 0
O Allo scroll cambiare colore di sfondo jQuery 0
DaveCricket [WordPress] [PHP] Cambiare il colore del link di una pagina attiva WordPress 3
V Cambiare colore ad un button HTML e CSS 3
Jonn [Javascript] Cambiare colore sfondo div allo scroll del mouse Javascript 3
V Aiuto su Stile CSS cambiare colore ad un modulo Joomla 1
R Vertex Template (jommla2.5): cambiare colore dell'header Joomla 12
A Cambiare colore bottone app Android Sviluppo app per Android 1
Trapano Cambiare colore ad un td se il campo XXX è = a XXX PHP 10
Shyson Cambiare colore al pulsante button HTML e CSS 6
D cambiare colore al testo il float PHP 1
Z Cambiare colore alla finestra degli avvisi CMS (Content Management System) 1
V Cambiare il colore della pagina con js [era: html con js] Javascript 11
B Cambiare colore riga dati estratti da mysql PHP 24
A Cambiare colore testo ??? Javascript 0
D Cambiare colore di un testo modificando php PHP 3
I Cambiare colore caratteri in echo PHP 1
S Mi aiutate a cambiare il colore di sfondo dei post ? HTML e CSS 2
P cambiare colore fondo (sfumato) Flash 3
U pannellino per cambiare colore alle pagine tramite css e JS Javascript 6
GennyX Cambiare colore alla tabella HTML e CSS 5
max1850 Fireworks: cambiare il colore di uno stile Webdesign e Grafica 9
G Come cambiare in Excel il colore cella attiva? Windows e Software 0
Eugene Cambiare colore sfondo DIV HTML e CSS 2
A cambiare il colore sfondo a tutto il sito HTML e CSS 6
F cambiare colore al passaggio del mouse HTML e CSS 1
F Url dinamiche da cambiare con categoria, subcategoria e title PHP 2
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
M Cambiare pennello a lavoro completo Photoshop 0
R Cambiare il nome dell'immagine dopo caricamento ftp HTML e CSS 0
Y cambiare sfondo di una pagina Javascript 1
E Cambiare lingua in Elements per Mac Mac e Software 2
R Non riesco a cambiare l'immagine di sfondo PHP 4
K Cambiare font size su echo stringa variabile PHP 24
V [PHP Symphony] Cambiare da ApcCache ad OpCache PHP 4
P Cambiare visualizzazione con JS Javascript 1
Web93 CAMBIARE TAG POST TITOLO DA H2 A H1 WordPress 1
L [PHP] cambiare gli if in un url semplice PHP 1
Domenico_Falco1 Cambiare url in un sito con pagine dinamiche Ajax 4
L Cambiare classi solo scroll up jQuery 2
Topografo Buon 2019 (Tutti gli altri hanno scritto "Salve a tutti", cerchiamo di cambiare) Presentati al Forum 1
joomeph Cambiare Nome Utente Supporto Mr.Webmaster 3
M [Visual Basic] Cambiare lo stato in checked delle checkbox richiamando dati dal database Visual Basic 6
Koboshi Cambiare il css di una pagina con tasto "on off" HTML e CSS 5
Licantropo [MySQL] Cambiare le date MySQL 4
B [Javascript] Cambiare classe ed aggiornare relativi eventi Javascript 3
L Cambiare nome pagina facebook Annunci servizi di Social Media Marketing 4
P [HTML] Wordpress - cambiare font di un tema WordPress 1
L APPARECCHIO VOIP DA CAMBIARE Adsl e Connettività 0
T cambiare formato in uscita timestamp Database 0

Discussioni simili