Javascript 将值设置为条带元素

Javascript 将值设置为条带元素,javascript,stripe-payments,card.io,stripe-elements,Javascript,Stripe Payments,Card.io,Stripe Elements,我将Stripe.js元素用于:cardNumbercardExpirycardCVC 我想结合使用一个模块来扫描一张名为的信用卡 实际上,一切正常,当我用card.io扫描一张卡时,我得到2个值: 卡号,有效期 从这里开始,我想将这些值设置到我的stripe元素中,有没有办法呢?我找不到任何东西 我的HTML: <div class="group"> <label> <span>N° Carte</span>

我将Stripe.js元素用于:
cardNumber
cardExpiry
cardCVC

我想结合使用一个模块来扫描一张名为的信用卡

实际上,一切正常,当我用card.io扫描一张卡时,我得到2个值: 卡号,有效期

从这里开始,我想将这些值设置到我的stripe元素中,有没有办法呢?我找不到任何东西

我的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>
您不能使用元素来执行此操作(使用原始卡号预先填充),否。如果您拥有原始卡号,则您不在PCI范围内,因为您直接接触高度敏感的详细信息

我建议使用浏览器的本机卡片扫描功能(Android上的Chrome有一个“扫描新卡片”功能,可以与元素一起工作),只需让用户正常地在元素中输入卡片详细信息即可

据我所知,Card.io是未维护的,而且我也很困惑,因为它是一个本机库,您不能在网页中真正使用它?如果您正在构建一个本机应用程序,Stripe的iOS库有一个卡片扫描测试版,可能会有所帮助

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