如何设置输入字段大小，以便在输入中输入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。 （有关此here的更多信息。）