Javascript 为什么我上传到网站时jQuery不工作

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

我想做一个条纹卡详细信息字段验证。填写详细信息时，框的边框颜色应为绿色，与卡片详细信息相同

我尝试过的代码：

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

网页网址：

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

---

您能帮我完成这个jQuery吗。

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

    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：

---

首先，您已经将脚本粘贴到了body之外。两件事：1/Bootstrap的JavaScript需要jQuery版本1.9.1或更高版本，但低于版本3看起来您已经安装了3.4.1jQuery…验证不是一个函数。当您的控制台中出现所有这些JS错误时，调试任何JS都会很困难。因此：您正在加载两个不同版本的jQuery，不建议这样做。不，即使on事件不起作用。我的意思是，当我在控制台上写东西时，它就工作了。目前，卡号是通过css工作的，但并没有过期日期和cvv类。可能是我假设jQuery不处理这个部分，因为这个部分是单独加载的。如果您看到此部分有加载器，但在您的网站中，我没有找到我添加的卡到期字段的任何事件，您可以立即检查发生的情况相同代码正在从控制台工作，而不是在我添加标头模板时。我已经插入了代码，你可以查看sourceNo chance，代码是正确的，但在我的网站上仍然不起作用，不知道为什么

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

});