それぞれ 4,8,4 の長さを持つ電話番号の 3 つの入力があります。入力フィールドの最大長に達したときにjQueryを介してマウスのフォーカスを処理し、次のフィールドにフォーカス/ジャンプします。
また、各フィールドの桁数が maxlength 未満の場合は横にフォーカスし、左側にゼロを追加して、入力したフィールドをエコーするときにそれぞれの入力フィールドの最大長と等しくしたいと考えています。たとえば、最初の入力で誰かが 2 桁だけを入力した場合47
、出力は0047
エコーの後に左側に 2 つのゼロが追加されます。
ここに私のHTMLがあります:
<form>
<input type="text" name="area_code" id="area_code" maxlength="4" size="3" /> -
<input type="text" name="number1" id="number1" maxlength="8" size="8" /> -
<input type="text" name="number2" id="number2" maxlength="4" size="3" />
</form>
ここにjqueryがあります
<script type="text/javascript" src="js/jquery.autotab-1.1b.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#area_code, #number1, #number2').autotab_magic().autotab_filter('numeric');
});
</script>