JSFiddle - React, Tailwind, and code Playground

by Suryar Praveen

HTML

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

<b>Enter your credit card number ex (1111-2222-3333-4444):</b>
<form name="card">
<input type="text" name="card1" 
size=4 onKeyup="autotab(this, document.card.card2)" maxlength=4>- 
<input type="text" name="card2" 
size=4 onKeyup="autotab(this, document.card.card3)" maxlength=4>- 
<input type="text" name="card3" 
size=4 onKeyup="autotab(this, document.card.card4)" maxlength=4>- 
<input type="text" name="card4" size=4 maxlength=4>
</form>

JavaScript

function autotab(current,to){
if (current.getAttribute && 
current.value.length==current.getAttribute("maxlength")) {
to.focus() 
}
}