A repository of over 1000 quality jQuery plugins

jQuery jQuery Password Peekaboo

jQuery Password Peekaboo is a jQuery Password plugin.

Created by Ianjmacintosh

Plugin to reveal passwords like Windows 8

Not what you're looking for? Click here to view more Password jQuery plugins

jquery-password-peekaboo

This jQuery plugin allows you to temporarily reveal password fields like on Windows 8. It is purposefully agnostic of whatever markup and CSS you choose to use; all it does is add a div next to all the fields you want to give "peekaboo" functionality to, and then make an event listener to connect that field with the "peekaboo" element.

If you would like to see an example of it in action, please see: http://codepen.io/ianjmacintosh/full/DqCjB

Usage

$(passwordInputs).passwordPeekaboo();

I have included a couple of very basic use cases for you to draw from.

Example 1-1

Use Case: Your visitors want to be able to reveal all password fields

<input type="password" /><br />
<input type="password" />

<script>
// Add a peekaboo <div /> element next to the every password input
$("[type=password]").passwordPeekaboo();
</script>

Example 1-2

Use Case: Your visitors want to be able to see their password with a peekaboo, but never EVER reveal their salary

Password: <input type="password" /><br />
Annual Salary: <input type="password" class="peekaboo" />

<script>
// Add a peekaboo <div /> element next to the password element you classified with "peekaboo"
$(".peekaboo").passwordPeekaboo();
</script>


You might also like these other Password jQuery Plugins

  • Strength.js

    The ultimate jQuery password input plugin. Featuring secure strength indicator and hide/show password

  • Prevue JS

    A jQuery password-preview plugin

  • Ajax Login

    A nice and simple php based login system complete with ajax submission, email verification, password reset, and a config file. Root UI is...

License:

The MIT License (MIT)