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: jquery-plugins.net/tag/masked-inputShilpa Soni– Shilpa Soni2016-07-13 05:34:44 +00:00Commented Jul 13, 2016 at 5:34
-
Take a look at card.js at this: jessepollak.github.io/cardPrakash Thete– Prakash Thete2016-07-13 05:36:43 +00:00Commented Jul 13, 2016 at 5:36
-
Using jquery mask, 4444 4444 4444 4444, how to limit 16 numbersjemin– jemin2016-07-13 05:38:42 +00:00Commented Jul 13, 2016 at 5:38
-
Please do not use the jquery-validate tag when the question contains nothing about this plugin. Edited. Thanks.Sparky– Sparky2016-07-13 14:05:16 +00:00Commented Jul 13, 2016 at 14:05
Add a comment
|
1 Answer
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
