jquery.passwordMask Demo

Default (no options)

<input type="password" id="pwd_noparam">

<script>
    $(document).ready(function() {
        $('#pwd_noparam').passwordMask();
    });
</script>

Shown by default

<input type="password" id="pwd_shown">

<script>
    $(document).ready(function() {
        $('#pwd_shown').passwordMask({ isShown: true });
    });
</script>

Custom toggle text

<input type="password" id="pwd_customtext">

<script>
    $(document).ready(function() {
        $('#pwd_customtext').passwordMask({ toggleText: 'Make password visible' });
    });
</script>

Custom toggler

<input type="password" id="pwd_customtoggle">
<button id="btn_toggler">Toggle Password Visibility</button>

<script>
    $(document).ready(function() {
        $('#pwd_customtoggle').passwordMask('#btn_toggler');
        // OR: $('#pwd_customtoggle').passwordMask($('#btn_toggler'));
        // OR: $('#pwd_customtoggle').passwordMask({ toggler: '#btn_toggler' });
        // OR: $('#pwd_customtoggle').passwordMask({ toggler: $('#btn_toggler') });
    });
</script>