jQuery Plugin To Reveal Hidden Passwords - inputShowPwd

File Size: 6.51 KB
Views Total: 1642
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
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:

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>

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.