Jquery自动对焦下一个字段

Posted

技术标签:

【中文标题】Jquery自动对焦下一个字段【英文标题】:Jquery autofocus on next field 【发布时间】:2014-12-26 16:49:28 【问题描述】:

如何在 2 位数字后自动对焦于下一个字段?

这是不适合我的 jquery -

    $("#personalDetailMobilePhoneAreaInput").keyup(function () 
        if (this.value.length == this.maxLength) 
            $(this).next(':input').focus();
        
    );

          @html.TextBoxFor(m => m.CommunicationView.MobilePhone.Area, new  @id = "personalDetailMobilePhoneAreaInput",  @class="customText wdt80 numericValue",type = "text",maxlength="2" )
          @Html.ValidationMessageFor(m => m.CommunicationView.MobilePhone.Area)

          @Html.TextBoxFor(m => m.CommunicationView.MobilePhone.Number, new  @id = "personalDetailMobilePhoneNumberInput",  @class="customText wdt120 mrglft10 phnIE numericValue",type = "text",maxlength="8" )
          @Html.ValidationMessageFor(m => m.CommunicationView.MobilePhone.Number)

【问题讨论】:

***.com/questions/15595652/… 【参考方案1】:

试试这个:

$('#personalDetailMobilePhoneAreaInput').keyup(function()

    var maxLength = $(this).attr('maxlength');
    var currLength = $(this).val().length;        

    if(currLength >= maxLength) 
        $(this).siblings('input').focus();
);

自己试试吧:http://jsfiddle.net/4kjh44Lm/

【讨论】:

以上是关于Jquery自动对焦下一个字段的主要内容,如果未能解决你的问题,请参考以下文章

Sencha Touch自动对焦在文本字段上

检测自动填充和停止对焦

如何将底页与具有文本字段的键盘一起移动(自动对焦为真)?

formvalidation.io 自动对焦到隐藏目标

当我在 jQuery Mobile 中单击弹出窗口上的链接时,如何防止在第一个输入项上自动对焦

Django“自动对焦”表单验证错误