ASP.Net中的“自動”選項卡信用卡文本框

Question

我在一個項目中開發了付款頁面，並且有一個信用卡付款選項，我需要實現自動選項卡功能，例如當用戶在第一個文本框中輸入4個字符時，它應立即移至下一個文本框中。

使用Java腳本或jQuery有什么建議嗎？

Answer 1

<script>
function autotab(current,to){
if (current.getAttribute && 
current.value.length==current.getAttribute("maxlength")) {
to.focus() 
}
}
</script>

<b>Enter your credit card number ex (1111-2222-3333-4444):</b>
<form name="card">
<input type="text" name="card1" 
size=4 onKeyup="autotab(this, document.card.card2)" maxlength=4>- 
<input type="text" name="card2" 
size=4 onKeyup="autotab(this, document.card.card3)" maxlength=4>- 
<input type="text" name="card3" 
size=4 onKeyup="autotab(this, document.card.card4)" maxlength=4>- 
<input type="text" name="card4" size=4 maxlength=4>
</form>

我認為這會更優雅:)

Answer 2

好，我知道了。

 jQuery("#<%=txt1.ClientID %>").keyup(
        function changefocus() {
            if (jQuery("#<%=txt1.ClientID %>").val().length >= jQuery("#<%=txt1.ClientID %>").attr('maxlength'))
                jQuery("#<%=txt2.ClientID %>").focus();
        });
 jQuery("#<%=txt2.ClientID %>").keyup(
        function changefocus() {
            if (jQuery("#<%=txt2.ClientID %>").val().length >= jQuery("#<%=txt2.ClientID %>").attr('maxlength'))
                jQuery("#<%=txt3.ClientID %>").focus();
        });