Объединить события keyup, keypress и onblur в jquery

Question

У меня есть div, который динамически загружается на мою страницу с помощью ajax-запроса.В этом div у меня есть несколько входов с одинаковым классом, но разными идентификаторами

. Эти входы имеют функцию keyup, функцию нажатия клавиши и функцию onblur.

Проблема в том, что я хочу, чтобы пользовательможно вводить только цифры и использовать ТАБУЛАТОР.

Я использую эту функцию здесь

function validatenum(event) {
    var key = window.event ? event.keyCode : event.which;

    if (event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 46 
        || event.keyCode == 37 || event.keyCode == 39
    ) {
        return true;
    } else if (key < 48 || key > 57) {
        return false;
    } else {
        return true;
    }
}

и вызываю ее с помощью:

<input type="text" id="31_w_pr" class="order_sizes" 
    onkeypress="validatenum(event);" />

Но это не такРабота.Я могу набрать все, что захочу.

У кого-нибудь есть идеи, как это исправить?

Спасибо

Answer 1

Попробуйте:

<input type="text" id="31_w_pr" class="order_sizes" 
    onkeypress="return validatenum(event);" />

Попробуйте здесь: http://jsfiddle.net/andrewwhitaker/afqf9/

Однако рассмотрим , разделяющие ваш JavaScript и HTML .