JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<div class="input-group single-digits GTIN">
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span class="input-group-glue"></span>
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span class="input-group-glue"></span>
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span class="input-group-glue"></span>
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span class="input-group-glue"></span>
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span class="input-group-glue"></span>
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span class="input-group-glue"></span>
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span class="input-group-glue"></span>
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span class="input-group-glue"></span>
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span class="input-group-glue"></span>
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span class="input-group-glue"></span>
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span class="input-group-glue"></span>
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span class="input-group-glue"></span>
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span class="input-group-glue"></span>
    <input name="GTIN[]" maxlength="1" class="form-control no-spin input-sm single-digit" />
    <span...

JavaScript

$('body').on('input', '.single-digit', function(){
		if($(this).val().length==$(this).attr("maxlength")){
			$(this).nextAll('.single-digit').first().focus();
		}
	});