ASP.Net 中的自动选项卡信用卡文本框答案

【问题标题】：Auto tab credit card text boxes in ASP.NetASP.Net 中的自动选项卡信用卡文本框
【发布时间】：2013-08-10 07:38:16
【问题描述】：

我已经在我的一个项目中开发了支付页面，并且有一个信用卡支付选项，我需要实现自动标签功能，例如当用户在第一个文本框中键入 4 个字符时，它应该立即移动到下一个文本框.

对使用 java 脚本或 jQuery 有什么建议吗？

【问题讨论】：

监听“keyup”事件，然后检查值的长度。如果是4，聚焦下一个元素

标签： javascript jquery asp.net textbox credit-card

【解决方案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>

我认为这会更优雅:)

【讨论】：

【解决方案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();
        });

【讨论】：