Jquery credit card Validation

Question

I want to validate credit card using jquery, Limit 16 numbers, automatically add a space after 4 numbers when typing numbers. The credit card number like

4444 4444 4444 4444

How to validate like this using jquery

You can use jquery masking, have a look at this: http://jquery-plugins.net/tag/masked-input — Shilpa Soni, Jul 13 '16 at 05:34
Take a look at card.js at this: http://jessepollak.github.io/card/ — Prakash Thete, Jul 13 '16 at 05:36
Using jquery mask, 4444 4444 4444 4444, how to limit 16 numbers — jemin, Jul 13 '16 at 05:38
Please do not use the [tag:jquery-validate] tag when the question contains nothing about this plugin. Edited. Thanks. — Sparky, Jul 13 '16 at 14:05

score 0 · Answer 1 · edited May 23 '17 at 11:58

If you want to do this with just jQuery, and not card.js (though it seems pretty cool) this code should take care of it:

$('.credit').on('input', function(){
    var number = $(this).val();
    number = number.replace(/[^\dA-Z]/g, '').replace(/(.{4})/g, '$1').trim().substring(0, 19);
    $(this).val(number);
});

Help from How to insert space every 4 characters for IBAN registering? and Javascript trim a string to length

Jquery credit card Validation

1 Answers1