Как бы я сосредоточился на входе с JQuery

Question

Как бы я сосредоточился на входе с JQuery

0

Я пытаюсь сосредоточиться на входе с помощью jQuery. Я легко могу это сделать, используя идентификатор входного тега, однако он установлен в id из поля базы данных и упорядочен по-другому. Это делает это не так хорошо, как я хочу, когда вы используете, чтобы сосредоточиться. Я хочу, чтобы иметь возможность использовать атрибут данных HTML5, чтобы сосредоточиться на следующем:

<input class="navigable" type="text" data-id="1" ID="123" data-number="1" maxsize="1"> Я хочу сосредоточиться на этом с помощью jQuery. В настоящее время у меня есть:

$('.navigable').keyup(function() {
    var self = $(this);
    var next = $('#txt'+(self.data('number')+1));
    if(next.length > 0 && self.val().length == self.attr('size')) {
    next.focus();
}

Мой тег HTML должен быть таким:

<input type="text" class="navigable" id="txt1" data-number="1" maxsize="1">

Заранее спасибо.

PHP9274745382389 22 март 2014, в 20:40

Источник

0

Что делает атрибут maxsize ?
Rahil Wazir 22 март 2014, в 19:39

Теги:

javascript

jquery

html

css

html5

3 ответа

Ещё вопросы

Unknown · Answer 1 · 2014-03-22T17-29-00.000Z

У вас есть опечатка в коде. Вы забыли закрыть, если условие }. И self.attr('size') вернется не определен. Потому что у вас нет никакого атрибута с именем size на вашем входе. Поэтому замените self.attr('size') на self.data('number').

Попробуй это:

$('.navigable').keyup(function() {
    var self = $(this);
    var next = $('#txt'+(self.data('number')+1));
    console.log(next);
    if(next.length > 0 && self.val().length == self.data('number')) {
    next.focus();
    }
});

DEMO

Как вы узнали, что self.val().length нужно сравнивать с self.data('number') ?
@RahilWazir: OP пытается сравнить с размером входного значения, которое является ничем иным, как self.data('number') .

roland · Answer 2 · 2014-03-22T17-09-00.000Z

Вы можете использовать атрибут autofocus для вашего элемента ввода, который является простым HTML5.

$('input.navigable[data-number="' + num +'"]').prop('autofocus', true);

Tushar Gupta · Answer 3 · 2014-03-22T16-16-00.000Z

Пытаться

Селектор выбора атрибута [name = "value"]

$('input.navigable[data-number="1"]').focus();

$('.navigable').keyup(function () {
    var self = $(this);
    var next = $('input.navigable[data-number="' + (self.data('number')+1) + '"]');
    if (next.length > 0 && self.val().length == self.data('number')) {
        next.focus();
    }
});

Это переместит фокус на следующий элемент, даже если предыдущие входные данные пусты. Надеюсь, что OP хочет переместить фокус на следующий элемент с условием проверки, что число данных должно быть равно размеру входного значения.