jQuery CAPS lock detection plugin

Hi Guys,

Well while I was working on some RnD stuff in past few days I came across this requirement for one of my projects. Now I deemed it to be useful to share thus I am writing this post today.

Problem

Give me a tooltip alert when user is typing a password and their CAPS lock is in ON state.

Solution

Well what better than just writing a little code snippet. In jQuery we call it extension or plugin function and then I can share it too :)

First of all thanks to Jason who have developed such an awesome tooltip plugin for jQuery. You can get tipsy from https://github.com/jaz303/tipsy/

Demo

Demo is available from my site demo pill. Some times I just laugh why I chose this name

http://jaspreetchahal.org/examples/jccapsalert/

Download

 

Advertisement

 

Donations

Buy me a bottle of Ice Tea :)

$ 175.00 raised.
Choose donation amount:

Code

You can get the latest updates from either

Google Code: http://code.google.com/p/jquery-capslock-detector/

Or

GitHub: https://github.com/jaschahal/jc-capslock-detection

Main plugin function is given below and you can read documentation on tipsy from the link above.

[geshi lang="javascript" nums="1" target="_self" ]

Demo Markup

Usage

[geshi lang="javascript" nums="1" target="_self" ]

Screenshot

jQuery Caps lock detection

 

Conclusion

Well this is my solution. If you want to improve it you are more than welcome to make you own changes to it. Code is straight forward and is not complicated at all.

 

I hope you like this plugin.

Cheers,

Advertisement

 

VN:F [1.9.22_1171]
Rating: 5.0/5 (2 votes cast)
VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)
jQuery CAPS lock detection plugin, 5.0 out of 5 based on 2 ratings

Speak Your Mind

*

CommentLuv badge