почему мой jQuery не работает, когда я загружаю на сайт - PullRequest
Новая
       15

почему мой jQuery не работает, когда я загружаю на сайт

0 голосов
/ 24 июня 2019

Когда я пишу код на консоли, он работает. Когда я загружаю на сайт, он не работает.

Я хочу сделать проверку полей с данными карты. Когда данные заполнены и во время заполнения цвет рамки должен быть зеленым, как и у карты

Код, который я пробовал: 

if (jQuery('.input-text.wc-credit-card-form-card-expiry').val() == '') {
    jQuery('.input-text.wc-credit-card-form-card-expiry').css('border-color', 'red');
}
else {
    jQuery('.input-text.wc-credit-card-form-card-expiry').css('border-color', 'green');
}

URL веб-страницы: https://www.preprod.swett.se/checkout-2/

Если вы проверите на сайте. Поле номера карты работает правильно. Я хочу, чтобы дата окончания срока действия и дата поля cvv также работали так же, как данные карты

Не могли бы вы помочь мне с этим JQuery.

Ответы [ 2 ]

0 голосов
/ 24 июня 2019

Попробуйте и посмотрите, работает ли оно, пожалуйста, обязательно включите jQuery: 

jQuery('#stripe-card-expiry').on('keyup', function(){
  var $input = jQuery(this);
  $input.css('border-color', !$input.val() ? 'red' : 'green');

});
0 голосов
/ 24 июня 2019

Поле номера карты работает корректно из-за этого кода 

    jQuery('#stripe-card-number').on('keyup', function ($) {
    if (jQuery(this).val().length > 0) {
        jQuery('#stripe-card-number').css('border', '2px solid #69bf29');
            }
    });

Итак, аналогично вам необходимо активировать ваш код для события keyup для даты истечения срока действия и cvv 

jQuery('.wc-credit-card-form-card-expiry').on('keyup', function ($) {

   if (jQuery('.input-text.wc-credit-card-form-card-expiry').val() == '') {
       jQuery('.input-text.wc-credit-card-form-card-expiry').css('border-color', 'red');
   }
   else {
       jQuery('.input-text.wc-credit-card-form-card-expiry').css('border-color', 'green');
   }

});
...