用Javascript達到信用卡或序號填寫時自動跳下欄位的方法
2008年8月12日
尚無評論
要達到填寫信用卡或序號時，只要填滿就會自動跳下一欄位
我們要借助Javascript才有辦法達到此效果
首頁我們在html 先把要輸入的欄位列出
信用卡卡號
<input type=text name=pan_no1 size=4 value=”” maxlength=4 onKeyUp=”setBlur(this,'pan_no2');”>-
<input type=text name=pan_no2 size=4 value=”” maxlength=4 onKeyUp=”setBlur(this,'pan_no3');”>-
<input type=text name=pan_no3 size=4 value=”” maxlength=4 onKeyUp=”setBlur(this,'pan_no4');”>-
<input type=text name=pan_no4 size=4 value=”” maxlength=4 >
<input type=text name=pan_no1 size=4 value=”” maxlength=4 onKeyUp=”setBlur(this,'pan_no2');”>-
<input type=text name=pan_no2 size=4 value=”” maxlength=4 onKeyUp=”setBlur(this,'pan_no3');”>-
<input type=text name=pan_no3 size=4 value=”” maxlength=4 onKeyUp=”setBlur(this,'pan_no4');”>-
<input type=text name=pan_no4 size=4 value=”” maxlength=4 >
再來寫個 Javascript，判斷該欄位填入的長度是不是等於maxLength如果是就跳下一個欄位
<script>
function setBlur(obj,target2)
{
var target =document.getElementById(target2);
function setBlur(obj,target2)
{
var target =document.getElementById(target2);
if( obj.value.length ==obj.getAttribute('maxlength'))
{
target.focus();
}
return;
}
</script>
近期留言