Формат ввода кредитной карты JS или JQuery

Question

У меня есть форма, и я запрашиваю кредитную карту пользователя, после того, как ввод оставлен, я хотел бы показать номер копии, как это: xxxxxxxxxxxx1111 или xxxx-xxxx-xxxx-1111 но без изменения входного реального значения. Возможно ли это сделать с помощью JavaScript?

Answer 1

Используйте '<input type="hidden">' для сохранения номера cc.Это будет автоматически опубликовано на вашем сервере, когда вы отправите форму.

Теперь вы можете изменить видимое значение ввода на то, что вы хотите.

Чтобы показать только последние 4 цифры (при условии, что идентификатор видимого ввода равен 'cc', а скрытый ввод 'hiddencc'):

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

Теперь в коде на стороне сервера,проверьте значение 'hiddencc''.