problema con onblur e con funzione

Avevo scritto questa funzione per far sì che se un input/textarea fosse vuoto i bordi diventino rossi e appare sotto una frase, se invece è 'pieno' diventano verdi e appare un' altra frase. Questi sono i codici che avevo scritto:

<script type="text/javascript">
function valida(id) {
var e = document.getElementById(id);
if (e.value == "") {
document.write('<br /><span style="font-size: x-small; color: red;>Errore: Devi riempire il campo!<br /><br />');
e.style.borderColor="red";
} else {
document.write('<br /><span style="font-size: x-small; color: green;>Ok!<br /><br />');
e.style.borderColor="green";
}
 }
</script> 

Poi lo richiamo così:

<input type="text" name="parola" id="parola" onblur="valida('parola'); return false;"> 

Il problema è che quando clicco al di fuori dell' input mi si ricarica la pagina senza caricarsi diciamo, rimane il caricamento ma appare completato in basso.. :S Come mai?

[karl94]

Questo accade perché usi il metodo write, esso funziona in modo particolare e sconsiglio fortemente chiunque ad usarlo, al suo posto devi usare gli altri metodi del DOM per modificare il documento.

Ovvero? NOn ci ho capito molto nella pagina linkata :S

[alemoppo]

il document.write() non va usato dopo aver caricato la pagina....

Per fare quello che vuoi, dovresti scrivere "fin dal caricamento della pagina" quello <span>, e poi gli modifichi gli attributi css via javascript come hai fatto...


Ciao!

Ah capito, grazie mille, esiste per caso un tag che abbia value ma non siano input? Esempio <p value="ciao"></p> non si può fare? Cambierei il value di quell' elemento con javascript..

[karl94]

Puoi cambiare il testo di un elemento usando la proprietà textContent.

grazie, avevo inserito un input text con readonly lol