This time I will share jQuery Plugin and tutorial about jQuery Plugin To Show / Hide Passwords – PassPeek, hope it will help you in programming stack.
PassPeek is a jQuery plugin that automatically generate a toggle link next to the password field that allows the users to easily hide and show the characters in their passwords. Useful for mobile web applications where the chances of entering your password incorrectly is more likely to happen.
How to use it:
1. You first need to include the jQuery PassPeek plugin after jQuery JavaScript library.
1 |
< script src = "//code.jquery.com/jquery-1.11.3.min.js" ></ script > |
2 |
< script src = "pass-peek.js" ></ script > |
2. And then call the function on the password field. That’s it.
1 |
$( ':password' ).passPeek(); |
3. By default, the plugin is set to ‘strict’ mode which means the password toggle functionality will be disabled if protocol is not HTTPS. You can turn off the ‘strict’ mode during initialization as follow.
1 |
$( ':password' ).passPeek({strict: true }); |
4. More configuration options.
1 |
$( ':password' ).passPeek({ |
4 |
labels: [ 'Show' , 'Hide' ], |
This awesome jQuery plugin is developed by andfisher. For more Advanced Usages, please check the demo page or visit the official website.