在客户端屏蔽输入的信用卡号

Question

我有一个包含字符串CreditCard的ViewModel。我正在寻找的是一种属性或以每4位数字添加一个空格的方式对其进行屏蔽。像这样： 4764 4000 9425 3041 有什么建议吗？

Answer 1

这是使用javascript的一种方法：

var num = 1215464565; 
var newNum = num.toString().match(/.{4}/g).join(' ');
console.log(newNum);

RelatedPost

Answer 2

尝试一下：

const num = 4764400094253041;
const regex = /\d{4}/g;

const res = num.toString().replace(regex, (maths) => maths === 12 ? maths : maths + ' ')

const responseEl = document.getElementById("response");

responseEl.innerText = res;

<div id="response"></div>

Answer 3

Robin Herbot的jQuery输入掩码（https://github.com/RobinHerbots/Inputmask）似乎可以满足您的需求。您可以在JavaScript中指定遮罩格式，也可以将其设置为属性。

<input id="cc" type="text" data-inputmask="'mask': '9999 9999 9999 9999'" />

这是一个Codepen示例（免责声明不是我的，应归功于Chris Coyier）：

https://codepen.io/chriscoyier/pen/PbOEqL