javascript - 如何填充输入的值？信用卡/借记卡输入方式

Question

我正在为支付页面构建 UI，主要使用 React。当用户输入卡号时，如何将卡号分成 4 个一组？

编辑：额外的库或包是可以的，但我正在寻找实际的代码解决方案，而不必添加依赖项。

标签： javascriptreactjs

Answer 1

如果您不想使用任何外部库，请使用正则表达式。对于前。

var value = '1234567891234562'
var new_value = value.replace(/[^\dA-Z]/g, '').replace(/(.{4})/g, '$1 ').trim();
console.log(new_value);
output: 1234 5678 9123 4562