如何在文本输入中添加 4 个带 space 的字母数字？

Question

我想添加这种格式的 TextInput:-

XXXX XXXX XXXX XXXX

XXXX 可以是字母或数字。

我收到此代码，但它仅适用于数字。

_handlingCardNumber(number) {
  this.setState({
    cardNumber: number.replace(/\s?/g, '').replace(/(\d{4})/g, ' ').trim()
  });
}

如何为数字和字符串做这件事？

请帮忙。

Answer 1

这可行。

number.replace(/\s?/g, '').replace(/(\d{4}|[a-zA-z]{4})/g, ' ').trim()

Answer 2

因为你只需要替换字母数字字符串，你可以使用\w来匹配它，等于[A-Za-z0-9_]:

var number = "82ac3bd4 rtfs 6738";

var cardNumber = number.replace(/\s?/g, '').replace(/(\w{4})/g, ' ').trim();

console.log(cardNumber);

How to add in 4 alphanumeric with space in Text Input?