jQuery Plugin To Reveal Hidden Passwords - inputShowPwd

inputShowPwd is a jQuery plugin to create a 'reveal' button inside the password filed that allows your user to show, hide or toggle the visibility of the password text. The goal of this plugin is to provide the MS browser-like show/hide password functionality with the same styles on any modern browsers.

See also:

• jQuery Plugin For Previewing Password Field Values - Prevue
• jQuery Plugin To Mask/Unmask Password On Demand
• jQuery Plugin To Show / Hide Passwords - PassPeek
• Simple jQuery Plugin To Show Hidden Password - preventPassTypo
• Show/Hide Password Field Text with jQuery and Bootstrap
• Toggle Password Visibility With jQuery - hideShowPassword
• jQuery Plugin For Windows 8 Password Reveal Feature - Sauron

How to use it:

1. Link to jQuery inputShowPWd plugin's JavaScript and CSS files like this:

<link href="css/inputShowPwd.css" rel="stylesheet">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="js/inputShowPwd.js"></script>

2. Create a password field following the html structure like this:

<div class="inputShowPwd">
  <input type="text" placeholder="Password"/>
  <input type="password" placeholder="Password"/>
  <span class="showEle"></span>
</div>

3. Call the function on the top container to active the plugin.

new inputShowPwd('inputShowPwd');

---

This awesome jQuery plugin is developed by xuyongsky123. For more Advanced Usages, please check the demo page or visit the official website.