javascript - 格式化信用卡输入 JS 或 jQuery

Question

我有一个表格，我要求用户的信用卡，输入后我想显示这样的抄送号码:xxxxxxxxxxxx1111 或 xxxx-xxxx-xxxx- 1111 但不改变输入的实际值。可以用 javascript 做到这一点吗？

Answer 1

使用 ' <input type="hidden"> ' 保存 cc数字。当您提交表单时，它会自动发布到您的服务器。

现在您可以将可见输入值更改为您想要的值。

只显示最后 4 位数字(假设可见输入的 id 是 'cc' 和隐藏输入是 'hiddencc' ):

var cc = $('#cc').val();
$('#hiddencc').val(cc);
var visblecc = cc.substr(cc.length - 4);
$('#cc').val('xxxx-xxxx-xxxx-' + visiblecc);

现在在服务器端代码中，检查 'hiddencc''值(value)。