JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>شماره تلفن های ایران </p>
<form method="post" action="email.php">
<input class="js" type="tel" min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن1</span><br><br>
<input class="js" type="tel" min="11" max="11" maxlength="11" type="text" name="LastName" ><span> :تلفن2</span><br><br>
<input class="js" type="tel" min="11" max="11" maxlength="11" type="text" name="LastName" ><span> :تلفن2</span><br><br>
<input class="js" type="tel" min="11" max="11" maxlength="11" type="text" name="LastName" ><span> :تلفن2</span><br><br>
<input class="js" type="tel" min="11" max="11" maxlength="11" type="text" name="LastName" ><span> :تلفن2</span><br><br>
<input class="js" type="tel" min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن3</span><br><br>
<input class="js" type="tel" min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن4</span><br><br>
<input class="js" type="tel" min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن5</span><br><br>
<input class="js" type="tel" min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن6</span><br><br>
<input class="js" type="tel" min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن7</span><br><br>
<input class="js" type="tel" min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن8</span><br><br>
<input class="js" type="tel" min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن9</span><br><br>
<input class="js" type="tel" min="11" max="11" maxlength="11" type="text" name="FirstName" ><span> :تلفن10</span><br><br>
<input type="submit" value="ارسال">
</form>
JavaScript
$('input').on('keyup', function(){
var el = $(this);
if ( el.val().length >= 11 ){
el.nextAll('input').first().focus();
}
})