javascript - 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();
        });