将值设置为条纹元素答案

【问题标题】：Setting value to a Stripe Element将值设置为条纹元素
【发布时间】：2021-05-16 02:54:07
【问题描述】：

我将 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');

【问题讨论】：

标签： javascript card.io stripe-payments

【解决方案1】：

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

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

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

【讨论】：