为条纹元素设置值

Question

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

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

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

从那里开始，我想将这些值设置到我的条纹元素中，有没有办法做到这一点？我无法在 the documentation

中找到任何内容

我的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 范围内，因为您直接接触高度敏感的细节。 https://stripe.com/docs/security/guide#validating-pci-compliance

我建议依靠浏览器的本机卡片扫描（例如 Android 上的 Chrome 具有与 Elements 一起使用的“扫描新卡片”功能）并且只需让用户输入他们的卡片详情正常进入元素。

据我所知，

Card.io 没有维护，而且我很困惑，因为它是一个 native 库，你不能真正在网络中使用它无论如何页面？如果您正在构建本机应用程序，Stripe 的 iOS 库有一个卡片扫描测试版，可能会帮助 https://github.com/stripe/stripe-ios#card-scanning-beta

为条纹元素设置值

Setting value to a Stripe Element

javascript

stripe-payments

card.io