Monday, May 26, 2014

Caps Lock Alert jQuery plugin

The CapsLockAlert() function is used to detect caps lock.


CapsLock detector is very useful function.Before that We need jQuery library file to perform this action.So include the following library files.
1.jquery.min.js
2.jquery.tipsy.js


There is a plugin called jquery.jccapsalert.js ,used to detect state of capslock.

JQuery Library Files

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.tipsy.js"></script>
    <script type="text/javascript" src="js/jquery.jccapsalert.js"></script>

JQuery Functions

<script type="text/javascript">
            jQuery("#pass").CapsLockAlert();
      </script>

The CapsLockAlert() function is used to detect caps lock.

HTML Form

<form>
      Enter Your Password
      <input type="password" id="pass" value=""/>
    </form>
Please share your comments and feebback.Thanks.Please subscribe my updates via email.

No comments:

Post a Comment