Combiner les événements keyup, keypress et onblur dans jquery

Question

J'ai une div qui est chargée dynamiquement dans ma page avec une requête ajax. Dans cette div j'ai plusieurs entrées toutes avec la même classe mais des ID différents

Ces entrées ont une fonction de clavier, une fonction de pression de touche et une fonction onblur.

Le problème est que je veux que l'utilisateur ne saisisse que des chiffres et utilise le TABULATOR.

J'utilise cette fonction ici

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; 
    } 
} 

et je l'appelle avec:

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

Mais il ne fonctionne pas. Je peux taper ce que je veux.

Est-ce que quelqu'un a une idée sur la façon de résoudre ce problème?

Merci

Answer 1

Essayez:

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

Essayez ici: http://jsfiddle.net/andrewwhitaker/afqf9/

Cependant, tenez compte separating your JavaScript and HTML.