Podrian decirme como se hace un formulario que no sea visible y que se auto ejecute

[Section1]

Me explico, estoy rompiendome la cabeza desde hace dias para hacer un formulario de login en el cual tu puedas entrar los datos pero sin verlos en pantalla y que solo se loguee o se ejecute el formulario cuando detecte que tiene escritos los 8 caracteres.

Ya se que es dificil yo ya llevo dos semanas intentandolo i nada.
Bueno se lo agradeceria mucho si pudieran ayudarme en ello.
Saludos

[marcomartinez]

Código HTML:

<form id="frm" action="procesar.php" method="POST">
<input id="usuario" type="password" size="8" value="" maxlength="8"  onkeyup="cantidad()"> 
</form>


<script language="JavaScript">
function cantidad()
{
if (event.keyCode == 13){event.returnValue = false}
if (frm.usuario.value.length == 8)
{frm.submit();}
}

</script> 

Input tipo password para que no vea lo que escribe
onkeyup="cantidad()" para que al soltar una tecla dentro del textbox ejecute la funcion cantidad

if (event.keyCode == 13){event.returnValue = false}bloquea la tecla enter


if (frm.usuario.value.length == 8)
{frm.submit();}
}

Cuando se cumple la condición envia el form ..

// hay un pequeño detalle que es cuando se realiza el copiar y pegar con el mouse .. como no hay tecla pulsada ..no se llama a la función ..

si alcanzo a ver ese detalle ...te aviso ..

[marcomartinez]

Leei bien tu post y creo que esto si es lo que quieres ..
no muestra nada en pantalla .. y captura las teclas pulsadas

Código HTML:

<script language="JavaScript">
function obtenertecla() {
cod_tecla = event.keyCode;
tecla = String.fromCharCode(cod_tecla);
//0-9|a-z|A-Z

if ( (cod_tecla >=48  && cod_tecla <= 57) || (cod_tecla >=65  && cod_tecla <= 90) || (cod_tecla >=97  && cod_tecla <= 122))
{
frm.usuario.value = frm.usuario.value + tecla;
   if (frm.usuario.value.length == 8){frm.submit();}
}
}

document.onkeypress = obtenertecla;
</script>


<form id="frm" action="procesar.php" method="POST">
<input id="usuario" type="hidden" size="8" value="" maxlength="8"> 
</form>