在Stripe中的`cardNumber`类型元素中启用品牌图标

Question

使用Stripe元素时,有没有办法不使用该card元素,但仍然会在某处显示自动品牌图标(最好是在cardNumber输入字段中)？

Answer 1

在 2020 年，您可以使用该showIcon选项。

const cardNumber = elements.create('cardNumber', {
  showIcon: true,
  placeholder: 'Card Number',
});

Answer 2

此刻,不,没有.但Elements仍然是一个非常新的产品,我们非常愿意接受反馈!请写信至https://support.stripe.com/email上的Stripe支持以请求此功能 - 我不能保证它将被实施,但它肯定会被考虑.

编辑:没有选项让cardNumber字段自动显示品牌图标,但可以通过使用brand元素change事件中的属性自行实现.这是一个例子:https://jsfiddle.net/ywain/L96q8uj5/.