将值设置为条纹元素

Question

我正在使用 Stripe.js 元素： cardNumber cardExpiry cardCVC

我想结合使用一个模块来扫描名为card.io的信用卡。

实际上一切正常，当我用 card.io 扫描卡时，我最终得到 2 个值：卡号，到期日期。

从那里，我想将这些值设置到我的条纹元素中，有没有办法做到这一点？ 我在文档中找不到任何内容

我的 HTML：

<div class="group">
    <label>
      <span>N° Carte</span>
      <div id="card-number" class="field"></div>
    </label>
    <label>
      <span>Expiration</span>
      <div id="card-expiry" class="field"></div>
    </label>
    <label>
      <span>CVC</span>
      <div id="card-cvc" class="field"></div>
    </label>
  </div>

我的 JS：

this.cardNumber = elements.create('cardNumber', {style: style, showIcon: true});
    this.cardNumber.mount('#card-number');

    var cardExpiry: any = elements.create('cardExpiry', {style: style});
     cardExpiry.mount('#card-expiry');

    var cardCvc: any = elements.create('cardCvc', {style: style});
    cardCvc.mount('#card-cvc');

Answer 1

您不能使用 Elements 来做到这一点（用原始卡号预先填写它们），不。 如果您有原始卡号而不是 PCI scope，因为您直接接触高度敏感的细节。 https://stripe.com/docs/security/guide#validating-pci-compliance

我建议依靠浏览器的本机卡片扫描（Android 上的 Chrome 具有“扫描新卡”功能，例如适用于 Elements），只需让用户正常将卡片详细信息输入 Elements。

据我所知，Card.io 是未维护的，而且我也很困惑，因为它是一个原生库，你不能在 web 页面中真正使用它吗？ 如果您正在构建本机应用程序，Stripe 的 iOS 库有一个卡片扫描测试版，可能有助于https://github.com/stripe/stripe-ios#card-scanning-beta