pt.stackoverflow.com/q/4142/4220

Exemplo para a seguinte discussão no pt.stackoverflow: http://pt.stackoverflow.com/q/4142/4220

by Gustavo Carvalho

HTML

<p>Preencha o campo abaixo com a palavra <b>entendi</b>, caso contr&aacute;rio a caixa de texto ficar&aacute; vermelha.</p>
<input id="foo" class="ok" type="text" onchange="verificaCampo()" onblur="verificaCampo()"></input>

CSS

.ok {
}
.erro {
    border: 1px solid red;
}

JavaScript

function verificaCampo() {
    var foo = document.getElementById("foo");

    if (foo.value !== "entendi" ) { // adicione alguma cond de erro
        foo.className = "erro";
    } else {         
        // nao existem erros       
        foo.className = "ok";
    }
}