How do I set input field size so that after entering 4 words in input it jumps to the next field?

Question

This is my code. I'm using stripe code fields

Card number

<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 number size 3

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

Month size 2 and year 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

Not an exact answer to your question, but if possible, I'd recommend that you switch to using Elements (Stripe.js v3) instead of Stripe.js v2.

Not only will it take care of formatting the card number automatically, it will also make you eligible for PCI SAQ A, while with Stripe.js v2, you'd fall under the more cumbersome PCI SAQ A-EP. (More information about this here .)