Как подставлять * в середину номера карты?

Question

[McThinker]

Хочу написать маску номера кредитной карты, на сервер тоже отправлять со звездочками. Проблема в том, что val не меняется

<input name="paymentCard" class="form-control" type="number" placeholder="**** **** **** ****" id="paymentCard">

function paymentCard() {
  if ($('#paymentCard').val() === "") {
    return '<?= lang("not_completed")?>';
  } else {
    const str = $('#paymentCard').val();
    const regex = /(?<=\d{4})\d(?=\d{4})/gm;
    const subst = `*`;
    return str.replace(regex, subst);
  }
}

$('#paymentCard').on('keyup', function () {
  paymentCard()
});



тут поклацать

что не так?

Comments

[Kovalsky]

Ну например вы не устанавливаете нигде значение инпута, то есть не пишете его в элемент

"val не меняется" - вы его не меняете, вот он и не меняется

[McThinker]

Kovalsky,
$('#paymentCard').on('keyup', function () {
$(this).val(paymentCard());
});

так?

[Kovalsky]

McThinker, ну что, работает?

[McThinker]

Kovalsky, нет. Так не работает

[Kovalsky]

McThinker, на нет и суда нет

[Пашенька]

McThinker, Во-первых нужно убрать тип number с поля.
Во-вторых это регулярное выражение справедливо для полностью введённого номера карты. Если сделать copy-paste, только тогда оно сработает. Я бы не использовал RegEx, а проверял длину строки и заменял нужные позиции символов.