title: how to move next input tab after fill 4 characters
body: <p>I have another question, i have filled all fields if i need to change number second or third field. changes can not be done and it goes last input field.</p>
  
  <p>I have tried below code,</p>
  
  <pre><code>    (function (){
  $("#num1, #num2, #num3, #num4").on("keyup", function (t) {
      //add the key's you want to accept such as backspace or arrow keys etc.
      if (t.keyCode != 13 &amp;&amp; t.keyCode != 8 &amp;&amp; t.keyCode != 37 &amp;&amp; t.keyCode != 38 &amp;&amp; t.keyCode != 39 &amp;&amp; t.button != 1 &amp;&amp; t.button != 2 &amp;&amp; t.button != 3) {
      var maxlength = 4;
      var num1 = $("#num1").val().length;
      var num2 = $("#num2").val().length;
      var num3 = $("#num3").val().length;
      var num4 = $("#num4").val().length;
      $(this).val($(this).val().replace(/[^0-9\.]/g,''));
  
      if ( num1 &gt;= 4) {
      $("#num2").focus();
      }
      if( num2 &gt;= 4){
        $("#num3").focus();
      }
      if( num3 &gt;= 4){
        $("#num4").focus();
      }
  
      if (num4&gt;=4){
         $("#num4").val($("#num4").val().substr(0,4));
      }
      }
  
    });   
  })();
  </code></pre>