Jquery autofocus on next field

Question

how could i get autofocus on next field after 2 digits?

Here is jquery which is not working for me -

    $("#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)

http://stackoverflow.com/questions/15595652/focus-next-input-once-reaching-maxlength-value — JB06, Oct 30 '14 at 15:38

score 0 · Accepted Answer · answered Oct 30 '14 at 20:23

Try this:

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

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

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

Try it yourself: http://jsfiddle.net/4kjh44Lm/

Jquery autofocus on next field

1 Answers1