Skip to content

Instantly share code, notes, and snippets.

@stevedya
Created June 13, 2019 21:41
Show Gist options
  • Save stevedya/57978cb52c6e2f6764056c27e5215d63 to your computer and use it in GitHub Desktop.
Save stevedya/57978cb52c6e2f6764056c27e5215d63 to your computer and use it in GitHub Desktop.
$(document).ready(function () {
var creditCardField = $('#card-element');
creditCardField.on('keyup', function () {
//Turn card number into string for substring method
var creditCardString = creditCardField.val().toString();
if (creditCardString.length < 2) {
//Hide all cards
$('.credit-card').fadeOut();
// Show cards that match
if (creditCardString.substring(0, 1) == '5') {
$('.mastercard').fadeIn();
}
if (creditCardString.substring(0, 1) == '4') {
$('.visa').fadeIn();
}
if (creditCardString.substring(0, 1) == '3') {
$('.amex').fadeIn();
}
if (creditCardString == '') {
setTimeout(function () {
$('.credit-card').fadeIn();
}, 2000);
}
}
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment