https://www.made.com/APContent/js/password-show-hide.js

1
2$(document).ready(function () {       
3
4    $('#Password').change(function () {
5        $('.has-error').removeClass('has-error');
6        $('.password-error').remove();
7    });
8
9    $('.show-password').click(function () {
10        toggleShowPassword("Password");
11        toggleShowHideText(this);
12    });
13
14    $('.show-confirm-password').click(function () {
15        toggleShowPassword("ConfirmPassword");
16        toggleShowHideText(this);
17    });
18});
19
20
21function toggleShowPassword(id) {
22    var x = document.getElementById(id);
23    if (x.type === "password") {
24        x.type = "text";
25    } else {
26        x.type = "password";
27    }
28}
29
30function toggleShowHideText(_this) {
31    var showPasswordTxt = document.getElementById("PasswordShowHide").getAttribute('data-showPasswordTxt');
32    var hidePasswordTxt = document.getElementById("PasswordShowHide").getAttribute('data-hidePasswordTxt');
33
34    $(_this).text(
35        $(_this).text() == showPasswordTxt ? hidePasswordTxt : showPasswordTxt
36    );
37}