esas imagenes las puedes guardar en una variable js algo asi:
<script>
var ok='<img src="ok.gif">';
var bad = '<img src="bad.gif">';
</script>
en html pones un span vacio al lado del elemento que vallas a validar p.e:
Codigo
<input type="text" name="codigo" id=codigo" /><span id="spanBla"></span>
ahora en javascript dependiendo de lo que quieras hacer
<script>
if(document.getElementById('codigo').value==' '){ //no escribio nada
document.getElementById('spanBla').innerHTML(bad);
}
else
document.getElementById('spanBla').innerHTML(ok);
</script>
Nota el uso de la propiedad innerHTML en el span lo que hace es injectar la imagen que guardamos en la variable la cual esta definida como codigo html.
Puedes empezar por ahi, ya mas adelante mira Ajax o Jquery.
Saludos