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