[Tutorial] Aviso de Caps Lock ligado na password

Autor: Hancki
Funcionalidade: Todas as versões
Descrição: Com este tutorial, será ensinado a como fazer uma função que alertara quando o Caps lock estiver ligado quando escrevemos a senha. Um código simples, mas que pode evitar muita dor de cabeça.

Painel de Controle Módulos HTML & Javascript Gestão dos códigos Javascripts

Código:

$(document).ready(function(){
  $('#password').keypress(function(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)){
      $('#password').after('<div id="teste" style=" color: white;float: right;position: absolute;margin-left: 18%;margin-top: -31px;background: rgb(241, 104, 104);padding: 8px;border-radius: 2px;" >O Caps Lock está ligado!</div>');
      } else
  {
    $('#teste').remove();
    
    }
  
});});

• Resultado: