Javascript 如何获取在条带元素输入中输入的值?

Javascript 如何获取在条带元素输入中输入的值?,javascript,stripe-payments,Javascript,Stripe Payments,我是条带元素集成的新手。一切都很好,但我在造型方面遇到了麻烦。这是我的密码: cardNumElement.on('focus', function(event) { $('#card_num_label').addClass('active'); if (event.empty) { //HERE GETTING EVENT.EMPTY UNDEFINED $('#card_num_label').removeClass('active'); } });

我是条带元素集成的新手。一切都很好,但我在造型方面遇到了麻烦。这是我的密码:

cardNumElement.on('focus', function(event) {
$('#card_num_label').addClass('active');
      if (event.empty) { //HERE GETTING EVENT.EMPTY UNDEFINED
         $('#card_num_label').removeClass('active');
     }
});
cardNumElement.on('blur', function(event) {
if (event.empty) {
         $('#card_num_label').removeClass('active');
     }
});
我想要实现的是:

  • 当用户关注该元素时,将活动类选择器添加到标签
  • 如果用户输入值,请不要删除活动的类选择器
  • 如果用户没有输入值并将焦点从元素中移出,请移除活动的类选择器 我无法检测用户是否输入了值,并且我没有得到结果事件

  • 事件。空的
    焦点
    模糊
    事件上都不可用。这些事件的唯一有效属性是
    event.elementType

    如果要获取元素内容的状态,可以使用
    change
    事件:

    或者,您可以使用元素的私有字段,但请记住,这些字段随时可能更改,并且可能不可靠:

    cardNumElement.on('focus', function(event) {
      $('#card_num_label').addClass('active');
      if (cardNumElement._implementation._empty) {
        $('#card_num_label').removeClass('active');
      }
    });