[BUG] Aviso de Caps Lock ligado na password

Detalhes da questão

Endereço do fórum: www.cidadesocial.com
Versão do fórum: PunBB

Descrição

Olá!
Bem, no tutorial de aviso de capslock ligado na password /t101960-, tem alguns erros.

Quanto mais você vai digitando em capslock, mais textos vão aparecendo, porém, um em cima do outro, sem o css "position: absolute;" ele fica floodando, e o texto do capslock ativo só desaparece depois de digitar a mesma quantidade de caracters digitados com capslock, demonstração:

Alguém para me ajudar?
@MateusAnjosV @RafaelS. @Fraise @JScript @Hancki

Estou com o mesmo problema!

Olá!

O código que está no tutorial está errado. Nem completo está.
Use este:

Código:

$(function() {
    var larguraInput = $('#password').width() + 20;
    $('#password').after('<div class="caps-lock-warning" style="line-height: 10px;color: white;float: right;position: absolute;padding: 8px;margin-left:' + larguraInput + 'px;margin-top: -22px;border-radius: 2px;display: inline;background: rgb(241, 104, 104);">O Caps Lock está ligado!</div>');
    $('.caps-lock-warning').hide();
    $("#password").keypress(function(e) {
        var s = String.fromCharCode(e.which);
        if ((s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey) ||
            (s.toUpperCase() !== s && s.toLowerCase() === s && e.shiftKey)) {
            this.caps = true;
            $(this).next('.caps-lock-warning').show();
        } else if ((s.toLowerCase() === s && s.toUpperCase() !== s && !e.shiftKey) ||
            (s.toLowerCase() !== s && s.toUpperCase() === s && e.shiftKey)) {
            this.caps = false;
            $(this).next('.caps-lock-warning').hide();
        }
    });
    $(document).keydown(function(e) {
        if (e.which == 20) {
            var pass = document.getElementById("password");
            if (typeof(pass.caps) === 'boolean') {
                pass.caps = !pass.caps;
                $(pass).next('.caps-lock-warning').toggle(pass.caps);
            }
        }
    });
    $(window).blur(function(e) {
        var pass = document.getElementById("password");
        if (typeof(pass.caps) === 'boolean') {
            pass.caps = null;
            $(pass).next('.caps-lock-warning').hide();
        }
    });
});

Hancki

PERFEITO!
Agora o aviso aparece quando o CapsLock esta ligado, não só depois de digitar no campo de senha.
Sugiro aos criados do tutorial colocarem este script.
Muito obrigado @Hancki!