限定只能輸入數字,且輸入滿後自動跳轉下個欄位

限定只能輸入數字,而且像是輸入信用卡一樣,輸入滿字元就自動跳轉

輸入西元年滿四個數字,自動跳轉(focus)到下一個欄位(ID)
自動跳轉
onkeyup="if(this.value.length==字數)document.getElementById('ID').focus();
限定輸入數字(注意一下,在『,』後面是兩個『'』不是一個『"』)
onkeyup="value=value.replace(/[^\d]/g,'') "


EX:
<input id="birthYear" type="text" class="input_line ipxxs" placeholder="西元年" maxlength="4"  onkeyup="if(this.value.length==4)document.getElementById('birthMonth').focus();value=value.replace(/[^\d]/g,'') ">

<span style="float: left;">-</span>

<input id="birthMonth" type="text" class="input_line ipxxs" placeholder="西元月" maxlength="2"  onkeyup="if(this.value.length==2)document.getElementById('birthDay').focus();value=value.replace(/[^\d]/g,'') ">

參考限定輸入類型
http://dennis1985.pixnet.net/blog/post/121634578-html-textbox%E5%8F%AA%E8%83%BD%E8%BC%B8%E5%85%A5%E6%95%B8%E5%AD%97(%E4%B8%8D%E8%83%BD%E8%BC%B8%E5%85%A5%E8%8B%B1%E6%96%87%E3%80%81%E7%AC%A6%E8%99%9F)

留言

這個網誌中的熱門文章

Android 在Fragment下控制輸入鍵盤

jQuery獲取Select選擇的Text和Value(轉)

彈跳視窗iframe的運用