How to assign 2 handlers at once in jQuery: blur + keydown?

Question

JavaScript

Sample code here: jsfiddle.net/8Jfne/29/

The bottom line is this: there is a set of inputs. When moving over them (using the keyboard or mouse), when leaving them, the value is checked. If not numerical, then we swear and return to editing the problematic input.

And now the problem:
In Chrome, if you enter a non-numeric value into the input and press Enter, then it works onkeydown - everything is fine. In FF and IE, both handlers work, so the error message appears twice (in FF, I generally have it three times, onblur works 2 times).

I would like to ask how to get out of this situation?

Answer 1

Check if error message.

Answer 2

Instead of it is simpler to hang up event of check on onsubmit?

Answer 3

Here is jsfiddle.net/swbEn/1/

Answer 4

So it doesn't roll?

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

Answer 5

$(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();
     });
});