Как назначить сразу 2 обработчика в jQuery: blur + keydown?

Question

[t0os]

Пример кода тут: jsfiddle.net/8Jfne/29/



Суть в следующем: есть набор инпутов. При перемещении по ним (с клавиатуры или мышью), при уходе с них, проверяется значение. Если не числовое, то ругаемся и возвращаемся к редактированию проблемного инпута.



А теперь проблема:

В Chrome если ввести в инпут не числовое значение и нажать на Enter, то отрабатывает onkeydown — все хорошо. В FF и IE срабатывают оба обработчика, таким образом сообщение об ошибке появляется дважды (в FF у меня вообще трижды, 2 раза onblur отрабатывает).



Хотелось бы спросить, как выйти из такой ситуации?

Answer 1

[Виталий Желтяков]

Проверять, если сообщение об ошибке.

Comments

[t0os]

Как в onblur тогда узнать, что до него точно сработал onkeydown и надо смотреть наличие ошибки? Потому что onblur может сработать, когда я просто с инпута кликом уйду.

[Анатолий]

А зачем Вы два раза проверяеще значение? Уберите проверку в keydown, blur в любом случае проверит при переходе с одного элемента на другой.
Типа этого: jsfiddle.net/fzBm7/

[Анатолий]

jsfiddle.net/fzBm7/2/ перепутал ссылку =)

[t0os]

Похоже, что нужно. Только в реальном примере все гораздо сложней, чем отдельно стоящая проверка, придется рефакторить. Главное, выбрано направление. Благодарю!

[Виталий Желтяков]

— По моему, у Вы не понимаете логику. Используйте сколько угодно обработчиков и одну глобальную переменную-триггер. Произошла ошибка -> проверяете значения переменной -> если переменная обозначает, что ошибка уже есть, то сообщение не выводиться; если ошибки до этого не было, то меняем переменную и выводим сообщение об ошибке.

— Значения надо проверять по нескольким обработчикам, т.к. у Chrome и Opera есть проблемы с обработкой событий input[type=text].

[Ogra]

1. Глобальные переменные — зло
2. Что делать если после ошибки произошла еще одна ошибка? Кто и когда сбрасывает флаг состояния?

[Виталий Желтяков]

— Неуместное использование глобальных переменных — это зло. А сами глобальные переменные — это не зло. Не надо абсолютизировать всё до глупости. Тем более без глобальной переменной данную задачу корректно не решить, т.к. надо где-то сохранять состояние.
— Если после ошибки произошла ошибка, то значит, что ошибка осталась. Флаг состояния сбрасывается, как только будет получено правильное решение.

Данная ситуация с двумя событиями простейшая логическая конструкция и не могу понять почему столько программистов не могут её понять. ???

Answer 2

[max_rip]

А не проще повесить событие проверки на onsubmit?

Comments

[t0os]

нет, надо чтобы все проверки происходили мгновенно, при перемещении по форме.

Answer 3

[Vitali Borovik]

Вот jsfiddle.net/swbEn/1/

Comments

[Vitali Borovik]

Не, что-то я упустил)

Answer 4

[sdevalex]

Так не катит?

$(...).on('blur keydown', function(){
    //...
});

Answer 5

[sdevalex]

$(function() {
     function isInt(x) { 
         var y = parseInt(x); 
         if (isNaN(y)) return false; 
         return x == y && x.toString() == y.toString(); 
     } 
     
     $('input').on('blur keydown', function(){
         if(!isInt($(this).val()))
             $(this).focus();
     });
});