粘贴长数字并将其拆分为多个输入

<style>
.circle input {
  border-radius: 999px;
  float: left;
  max-width: 100px;
  font-size: 2em;
  text-align: center;
  height: 100px;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="tkt_1">
  <div class="circle">
    <input type="tel" value="00" min="0" minlength="2" maxlength="2" oninput="if((this.value.length) > 2) {this.value = this.value.substring(0, 2);}" onchange="handleChange(this);" />
  </div>
  <div class="circle">
    <input type="tel" value="00" min="0" minlength="2" maxlength="2" oninput="if((this.value.length) > 2) {this.value = this.value.substring(0, 2);}" onchange="handleChange(this);" />
  </div>
  <div class="circle">
    <input type="tel" value="00" min="0" minlength="2" maxlength="2" oninput="if((this.value.length) > 2) {this.value = this.value.substring(0, 2);}" onchange="handleChange(this);" />
  </div>
</form>

<script>
// Paste numbers from clipboard in multiple input 
document.addEventListener("paste", function (e) {
    // if the target is a text input
    if (e.target.type === "tel") {
        var data = e.clipboardData.getData('Text');
        // split clipboard text into single characters
        data = data.replace(/[^0-9]/g, "");
        // Modified approach to split data into pairs
        var pairs = [];
        for (var i = 0; i < data.length; i += 2) {
            pairs.push(data.slice(i, i + 2));
        }
        data = pairs;

        // find all other text inputs
        [].forEach.call(document.querySelectorAll("input[type=tel]"), (node, index) => {
            // And set input value to the relative character
            node.value = data[ index ] ?? "";
            handleChange(node); //Added to trigger validation rules for pasted data

        });
    }
});

// Validation
function handleChange(input) {
    if (input.value < 0) input.value = "";
    else if (input.value.length !== 2 ) input.value = '0' + input.value;
    else if (input.value < 0.9 || input.value > 99 || input.value.length === 1 || input.value.length === 0) {
        input.style.backgroundColor = 'red';
        return false;
    } else {
        input.style.backgroundColor = '';
        return true;
    }
}

var pasteModifier = false; // Store if control or the meta key is pressed state
// Need to handle the paste functionality
$('.circle input').keydown(function (event) {
    if (event.metaKey || event.ctrlKey){
        pasteModifier = true;
    }
});
$('.circle input').keyup(function (event) {
    if (event.metaKey || event.ctrlKey){
        pasteModifier = false;
    }
});
// Input only Numbers 
$('.circle input').keypress(function (event) {
    event = event || window.event;
    var charCode = event.which || event.keyCode;
    var charStr = String.fromCharCode(charCode);
    // FireFox key Del - Supr - Up - Down - Left - Right
    if (event.key !== undefined && event.charCode === 0) {
        return;
    }
    // Handle paste command
    if (charCode == 118 && pasteModifier){
      return;
    }
    //Only Num
    else if (!/^([0-9])*$/.test(charStr)) {
        event.preventDefault();
    }
    //Num and letters
    else if (!/^[a-zA-Z0-9]+$/.test(charStr)) {
        event.preventDefault();
    }
});
</script>