javascript - 键入时将字符更改为星号

Question

我正在研究一个将字符串的某些部分转换为星号的字段。前四个和后四个不转换，只转换其他字符。所以当我到达第五个字符时，它将被转换，当到达第十个字符时，它将再次正常，字符串长度为13。我的代码的问题是我无法得到这种过程。

希望你能帮助我。

谢谢。

function asteriskCard(string) {
    var lastfour = string.substr(string.length - 4);
    var firstfour = string.substr(0, 4);

    return firstfour + ' ***** ' + lastfour;
}

$('input').keyup(function(){
    $('div').text(asteriskCard($(this).val()))
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text">
<div></div>

Answer 1

试试这个，我想这就是你想要的。

function asteriskCard(string) {
  var lastfour = string.length > 8 ? string.substr(string.length - (string.length - 9)) : "";
  var firstfour = string.substr(0, 4);
  var dots = '*****'.substring(0,string.length - 4);
  var total = (firstfour) + (dots.length > 0 ? ' ' + dots + ' ' : dots) + (lastfour);
  return total;
}

$('input').keyup(function() {
  $('div').text(asteriskCard($(this).val()))
});

演示

function asteriskCard(string) {
  var lastfour = string.length > 8 ? string.substr(string.length - (string.length - 9)) : "";
  var firstfour = string.substr(0, 4);
  var dots = '*****'.substring(0,string.length - 4);
  var total = (firstfour) + (dots.length > 0 ? ' ' + dots + ' ' : dots) + (lastfour);
  return total;
}

$('input').keyup(function() {
  $('div').text(asteriskCard($(this).val()))
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" maxlength="13">
<div></div>