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