eeh ps mira si quieres hacerlo como dices vas bien necesitas utilizar el evento onBlur, paro q vaya a hacer la consulta a la bd lo puedes hacer con ajax, en donde mandes llamar un archivo jsp en el cual hagas tu consulta y te regrese la informacion q necesitas, busca algunos tutoriales de ajax para q entiendas el funcionamiento
Código:
<script>
var ajax;
function funcionCallback()
{
if( ajax.readyState == 4 )
{
if( ajax.status == 200 ){
// esto t trae la info del archivo generado en tu consulta
valor=ajax.responseText;
}
}
}
function conexion()
{
if( window.XMLHttpRequest )
ajax = new XMLHttpRequest(); // No Internet Explorer
else
ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Internet Explorer
ajax.onreadystatechange = funcionCallback;
// aqui va el dato a validar y el nombre del archivo donde realizas la consulta
var dato=document.getElementById("dato_a_validar").value;
var url = "consulta.jsp?dato="+dato;
ajax.open( "GET", url, true );
ajax.send( null);
}
</script>
mira con esas funciones llamas el archivo jsp, pero como t digo para q realmente entiendas como funciona lee algunos tutoriales de ajax y adecua las funciones a tus necesidades