buenas,
sobre mostrar una capa. se puede hacer de dos formas: cambiando las propiedades css de un elemento oculto, o creado los elementos a traves de javascript y agregarlos al documento. el mas comodo es el primero. consiste en que dicho elemento tiene sus propiedades css habituales: tamaño, posicion, y por supuesto la visibilidad. luego, registras el evento necesario sobre un elemento que invocara una funcion; puede ser mouseover, click, o el que tu creas oportuno. en dicha funcion, simplemente lo que haces es obtener la referencia del elemento oculto (puede ser mediante id) y luego cambiar el valor de la visibilidad de dicho elemento. preferiblemente con la propiedad css display: display:none para ocultar y display:block para mostrar. esa es la logistica, y creeme, hay muchos temas en el foro con ejemplos de codigo.
sobre la validacion. primero debes definir que tipo de validacion vas a realizar. si es validacion por tecla pulsada, validacion por contenido: alfanumerico, numerico, alfabetico, signos, o una combinacion de las anteriores. generalmente se utiliza patrones (expresion regular) para comprobar el contenido y/o eventos relacionados al teclado para determinar la tecla pulsada.