56 lines
2.2 KiB
JavaScript
56 lines
2.2 KiB
JavaScript
$(document).ready(function () {
|
|
|
|
$('input#cc_number').payment('formatCardNumber');
|
|
$('input#cc_cvc').payment('formatCardCVC');
|
|
$('input#cc_expiry').payment('formatCardExpiry')
|
|
|
|
$('input#cc_number').on('focusout', function (e) {
|
|
var valid_value = $.payment.validateCardNumber(this.value);
|
|
var card_type = $.payment.cardType(this.value);
|
|
if (card_type) {
|
|
$(this).parent('.form-group').children('.card_placeholder').removeClass().addClass('card_placeholder ' + card_type);
|
|
}
|
|
else {
|
|
$(this).parent('.form-group').children('.card_placeholder').removeClass().addClass('card_placeholder');
|
|
}
|
|
if (valid_value) {
|
|
$(this).parent('.form-group').addClass('has-success');
|
|
$(this).parent('.form-group').removeClass('has-error');
|
|
}
|
|
else {
|
|
$(this).parent('.form-group').addClass('has-error');
|
|
$(this).parent('.form-group').removeClass('has-success');
|
|
}
|
|
});
|
|
|
|
$('input#cc_cvc').on('focusout', function (e) {
|
|
var cc_nbr = $(this).parents('.oe_cc').find('#cc_number').val();
|
|
var card_type = $.payment.cardType(cc_nbr);
|
|
var valid_value = $.payment.validateCardCVC(this.value, card_type);
|
|
if (valid_value) {
|
|
$(this).parent('.form-group').addClass('has-success');
|
|
$(this).parent('.form-group').removeClass('has-error');
|
|
}
|
|
else {
|
|
$(this).parent('.form-group').addClass('has-error');
|
|
$(this).parent('.form-group').removeClass('has-success');
|
|
}
|
|
});
|
|
|
|
$('input#cc_expiry').on('focusout', function (e) {
|
|
var expiry_value = $.payment.cardExpiryVal(this.value);
|
|
var month = expiry_value.month || '';
|
|
var year = expiry_value.year || '';
|
|
var valid_value = $.payment.validateCardExpiry(month, year);
|
|
if (valid_value) {
|
|
$(this).parent('.form-group').addClass('has-success');
|
|
$(this).parent('.form-group').removeClass('has-error');
|
|
}
|
|
else {
|
|
$(this).parent('.form-group').addClass('has-error');
|
|
$(this).parent('.form-group').removeClass('has-success');
|
|
}
|
|
});
|
|
|
|
});
|