ripristino del colore della txt

**elisamito** · 13-02-2006, 16:32

ciao ragazzi!
Buon inizio settimana!

vorrei chiedervi se potreste darmi una dritta su una cosa.. ho fatto in modo che quando si sbaglia ad inserie qualcosa di non idoneo in una text, oltre che scattare il messaggio la text si colora di rosso...solo che se io correggo una text e clicco su invio e la seconda ad esempio nn l ho corretta, mi segna di rosso anche quella dove ho inserito il testo giusto...potreste darmi qualche dritta ragazzi su come dire che se il testo inserito è giusto allora torna al colore di prima?
Io ho provato a scrivere una cosa simile ma senza risultato..

if ((document.getElementById("numero").style.backgrou nd="#FF0033") && (document.modulo.numero.value==true))
{

document.getElementById("numero").style.background ="#FFFFFF";
return true;
}
else if (document.modulo.numero.value==false)
{
document.getElementById("numero").style.background ="#FF0033";

}

e questo è l'esempio che ho pubblicato!
http://elisamito.imente.org/intero.html
vi ringrazio tanto!

**fcaldera** · 13-02-2006, 16:35

non ho letto il codice però potresti ripristinare il colore originario all'onblur del campo

<input... onblur="this.style.background='#fff'">

poi se la validazione fallisce il campo si colora di rosso altrimenti resta bianco

**elisamito** · 13-02-2006, 17:07

ciao fabrizio!
ma sai cosa che con onblur se sbaglio ancora l' inserimento lui cmq sia torna al suo colore originario anche se il campo è sbagliato...mmm quello che ho scritto io come logica non è per niente giusta..?
Grazie!

**fcaldera** · 13-02-2006, 17:31

vedi se questo può andare bene

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>


<script>

function check() {
    var c_numero = document.getElementById('numero');
    var c_testo = document.getElementById('testo');

    if (isNaN(c_numero.value)) {
        c_numero.style.background = "#cc0000";
        c_numero.focus();    
        return false;
    }
    
    if (c_testo.value.replace(/\s/g, '') == "") {
        c_testo.style.background = "#cc0000";
        c_testo.focus();  
        return false;
    }
}
</script>



<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>

<form action="" name="modulo" onSubmit="return check();">
<input type="text" name="numero" id="numero" onblur="this.style.background='#fff'">inserire un intero

<input type="text" name="testo" id="testo" onblur="this.style.background='#fff'">campo obbligatorio 
<input type="submit" value="OK"> 
</form>
</body>
</html>

**elisamito** · 13-02-2006, 17:48

si è come mi hai suggerito tu prima!
Infatti ho provato!
Solo che il problema è che basta che clicco sull'altra text e ritorna subito il colore originario...argh!
Io invece vorrei riuscire a fare che se correggi il primo e poi clicchi sul bottone invia che si tolga il colore dalla text perchè l ho corretto...mmm ma mi sa che ho avuto un'idea un po' ostica questa volta..!

**fcaldera** · 13-02-2006, 18:16

ok dammi un momento allora

**elisamito** · 13-02-2006, 18:21

ma certo!Anzi sei troppo gentile che mi aiuti...!

**fcaldera** · 13-02-2006, 18:22

così?

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>


<script>
var campo1 = true;
var campo2 = true;


function check_campo1() {
    var c_numero = document.getElementById('numero');

    if (isNaN(c_numero.value) || (c_numero.value.replace(/\s/g, '') == "")) {
        c_numero.style.background = "#cc0000";
        c_numero.focus();    
        campo1 = false;
        return false;
    }
    
    campo1 = true;
    c_numero.style.background = "#fff";
}

function check_campo2() {
    var c_testo = document.getElementById('testo');

    if (c_testo.value.replace(/\s/g, '') == "") {
        c_testo.style.background = "#cc0000";
        c_testo.focus();  
        campo2 = false;
        return false;
    }
    
    campo2 = true;
    c_testo.style.background = "#fff"; 
}


function check() {
    return (campo1 && campo2);
}
</script>



<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>

<form action="" name="modulo" onSubmit="return check();">
<input type="text" name="numero" id="numero" onblur="check_campo1()">inserire un intero

<input type="text" name="ok" id="testo" onblur="check_campo2()">campo obbligatorio 
<input type="submit" value="OK"> 
</form>
</body>
</html>

**fcaldera** · 13-02-2006, 18:28

attenzione che ho apportato diverse modifiche

controlla la data della versione che hai copiato tu con quella riportata sopra

**elisamito** · 13-02-2006, 18:29

dal codice che hai scritto credo proprio di si!solo che lo sto provando e non mi fa nessun controllo...ora guardo il perchè!
ti ringrazio molto!

Discussione: ripristino del colore della txt

Strumenti discussione

Ricerca discussione

Visualizza

ripristino del colore della txt

Permessi di invio