javascript - 如何在带星号(密码字段)的文本框字段中显示最后 3 个字符？

Question

我目前正在为 aspx C# 中的一个项目工作，我希望用户在文本框中键入一些文本(例如电话号码)，而在文本字段中键入的内容应显示星号 (*) 和最后 3 位数字电话号码，例如:*********810任何人都可以帮助我吗？谢谢。

Answer 1

您可以通过 javascript 使用 regex 替换输入标签事件 onkeyup 中的最后 3 位数字来完成此要求，并且需要一个隐藏字段来保持原值。

function mask(){
   //console.log($("#phone").val());
   $("#phone").val($("#phone").val().replace(/\d(?=\d{3})/g, "*"));
}

function mask(){
   //console.log($("#phone").val());
   $("#phone").val($("#phone").val().replace(/\d(?=\d{3})/g, "*"));
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="phone" onkeyup="mask()" />