格式化信用卡输入JS或jQuery

时间:2018-11-15 23:26:01

标签: javascript jquery html5 input

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

1 个答案:

答案 0 :(得分: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''的值。