Capslock Message

Display a message when capslock is detected

by mlhDevelopment

HTML

<input type='text' class="nocaps" /><br />
<input type='password' class="nocaps" /><br />
<span id="msg">Got Caps</span>

CSS

#msg { display: none; }

JavaScript

// Adapted from http://stackoverflow.com/a/896515/295686
$('.nocaps').keypress(function(e) { 
    var s = String.fromCharCode(e.which);
    if (s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey) {
        $("#msg").show();
    }
    else {
        $("#msg").hide();
    }    
});