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



我有一个包含字符串CreditCard的ViewModel。我要找的是一个属性,或者以每4位数字中添加一个空格的方式对其进行屏蔽。类似于以下内容:4764 4000 9425 3041有什么建议吗?

Robin Herbot的jQuery输入掩码(https://github.com/RobinHerbots/Inputmask)似乎在做你想要的事情。您可以在javascript中指定掩码格式,也可以将其作为属性。
<input id="cc" type="text" data-inputmask="'mask': '9999 9999 9999 9999'" />

这是一个代码笔示例(免责声明不是我的,署名:Chris Coyier(:

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

这里有一种使用javascript:的方法

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

关联后

试试这个:

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>

最新更新