Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Bootstrap pincode-input.js中显示PIN/密码_Javascript_Jquery_Bootstrap 4 - Fatal编程技术网

Javascript 如何在Bootstrap pincode-input.js中显示PIN/密码

Javascript 如何在Bootstrap pincode-input.js中显示PIN/密码,javascript,jquery,bootstrap-4,Javascript,Jquery,Bootstrap 4,我正在使用Bootstrap pincode-input.js为我的web应用程序显示PIN。我希望我的pin最初被屏蔽。但是当用户单击show按钮时,我希望他们看到PIN。有人能帮我怎么做吗。提前谢谢 <input type="text" id="pincode-input"> <br /> <br /> <a href="#" class="btn btn-primary" id="btnShow">Sh

我正在使用Bootstrap pincode-input.js为我的web应用程序显示PIN。我希望我的pin最初被屏蔽。但是当用户单击show按钮时,我希望他们看到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>                       



$(文档).ready(函数(){ $(“#pincode输入”)。pincodeInput({ hidedigits:真,输入:4 }); });
我从未使用过这个插件,但在第一次查看他们的演示页面时,他们用它来屏蔽/隐藏数字

.pincode-input-text-masked {
  font-family: pincode-input-mask;
}
简单的你可以做类似的按钮功能来显示数字

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

@MukhlisurRahman如果这是您要找的,请接受我的答案,将此主题标记为solvedTry,将Click事件添加到pincode输入,然后在事件中将属性hidedigits设置为false(如果为true)。