如何设置输入字段的大小，以便在输入中输入4个单词后跳转到下一个字段？

Question

这是我的代码。 我正在使用条纹代码字段

卡号

<label>
    <span style="width:151px;">Card Number</span>
    <input type="text" size="20" class="field" data-stripe="number" placeholder="4242-4242-4242-4242"/>
</label>

CVC号码大小3

<label>
    <span style="width:151px;"> CVC</span>
    <input type="text" size="3" class="field" data-stripe="cvc" placeholder="CVC"/>
</label>

月大小2和年4

 <label>
      <span style="width:151px;">Expiration(MM/YYYY)</span>
      <input type="text" size="2" class="field" data-stripe="exp-month" placeholder="MM"/>
      <input type="text" size="4" class="field" data-stripe="exp-year" placeholder="YY"/>
 </label>

Answer 1

不是您问题的确切答案，但是，如果可能的话，我建议您切换到使用Elements （Stripe.js v3）而不是Stripe.js v2。

它不仅可以自动格式化卡号，还可以使您有资格使用PCI SAQ A，而使用Stripe.js v2，您将可以使用繁琐的PCI SAQ A-EP。 （关于这方面更多的信息在这里 。）