Как показать PIN / пароль в Bootstrap вводе пин-кода. js

Question

Я использую Bootstrap ввод PIN-кода. js для отображения PIN-кода моего веб-приложения. Я хочу, чтобы моя булавка была замаскирована изначально. Но когда пользователь нажимает кнопку «Показать», я хочу, чтобы он увидел PIN-код. Может кто-нибудь помочь мне, как это сделать. Заранее спасибо.

<input type="text" id="pincode-input">        
    <br />
    <br />
    <a href="#" class="btn btn-primary" id="btnShow">Show</a>

    <script>
        $(document).ready(function () {           
            $('#pincode-input').pincodeInput({
                hidedigits: true, inputs: 4
            });
        });
    </script>                       

Answer 1

Я никогда не использовал этот плагин, но при первом взгляде на их демонстрационную страницу они маскируют / скрывают числа с помощью

.pincode-input-text-masked {
  font-family: pincode-input-mask;
}

, просто вы можете сделать функцию кнопки, подобную этой, чтобы показать цифры

$('button').click(function(){
$('.pincode-input-text-masked').css({"font-family": "Arial, Helvetica, sans-serif"});
})