Detectar el bloqueo de mayúsculas

Un error frecuente del usuario en los inicios de sesión es haber introducido la contraseña en mayúsculas sin saberlo, a causa de tener activado el bloqueo de mayúsculas, para evitar estos errores, se puede detectar si esta función está activada y avisar al usuario.

La detección del bloqueo de mayúsculas es algo compleja, pues tenemos que comparar la tecla pulsada y el estado de la tecla shift.

El sistema de detección consta de tres partes, el script, el campo de formulario y el mensaje de error.

El script, detecta el código de la tecla ( keyCode y which para Internet Explorer y Mozilla respectivamente), detecta el estado de shift (shiftKey para IE) y según estos valores esconde o muestra el mensaje de error:

<script>
function capLock(e){
kc=e.keyCode?e.keyCode:e.which;
sk=e.shiftKey?e.shiftKey:((kc==16)?true:false);
if(((kc>=65&&kc<=90)&&!sk)||((kc>=97&&kc<=122)&&sk))
document.getElementById('caplock').style.visibility = 'visible';
else document.getElementById('caplock').style.visibility = 'hidden';
}
</script>

El campo de formulario llama a la función anterior cada vez que se pulsa una tecla en su interior:

<input type="password" onKeyPress="capLock(event)">

El mensaje de error esta oculto hasta que el script le indica lo contrario:

<div id="caplock" style="visibility:hidden">El bloqueo de mayúsculas está activado</div>.

Usuarios que han visto este tema también han visto...

- Capa Deslizante
- Efecto de transición FadeIn en imágenes con JavaScript
- Ver código de fuente de una página usando Javascript
- Controlar cuando el usuario activa el menú contextual
- Seleccionar y copiar formulario con Javascript

- Versión imprimible de este documento

- Enviar por e-mail este documento