入力桁数制限の方法に関して

質問

初歩的な事ですみませんが教えて下さい。

現在、ＨＴＭＬ／ＰＨＰを用いてプログラミングしておりますが、
画面上の入力エリアに桁数制限を設けたいと考えています。

例えば、、郵便番号なので３桁、４桁というようにそれ以上の桁数
は入力できないようにしたいと思っています。

また、郵便番号であった場合、３桁入力したら次の入力エリアへ移る
というような感じにしたいのですが、ＨＴＭＬでそれは可能でしょうか？

特別、ＨＴＭＬにこだわっていませんが、方法を教えて下さい。

よろしくお願いします。

回答No.1

yambejp

多少手抜きで書きましたが、こんな感じです

<script language="javascript">
function nextCell(obj){
var f=obj.form;
for(var i=0;i<f.length;i++){
if(f[i]==obj) break;
}
if(obj.value.length==obj.getAttribute("maxlength")){
f[i+1].focus()
}
}
</script>
<form>
〒<input type="text" maxlength="3" size="3" onkeyup="nextCell(this)">-<input type="text" maxlength="4" size="4" onkeyup="nextCell(this)" ><br>
<input type="submit" value="実行">
</form>

お礼

大変参考になりました！

ありがとうございました。