Question

当我在控制台上编写代码时，它可以工作。当我在网站上上传时，它不起作用。

我要进行条纹卡详细信息字段验证。填写详细信息时以及填充时，框的边框颜色应与卡片详细信息一样为绿色

我尝试过的代码：

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');
}

网页网址： https://www.preprod.swett.se/checkout-2/

如果您在网站上查看。卡号字段工作正常。我希望失效日期和Cvv字段日期也应与卡的详细信息相同

请帮助我使用此jQuery。

Answer 1

尝试一下，看看是否可行，请确保包括jQuery：

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

});

Answer 2

由于此代码，卡号字段正常工作

    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');
   }

});

为什么我在网站上上传时jQuery无法正常工作

2 个答案: