在jQuery中组合keyup、keypress和onblur事件

Question

我有一个div，通过ajax请求动态加载到我的页面中。

在这个div中，我有几个输入框，它们都具有相同的类别，但不同的ID。

这些输入框有一个keyup函数、一个keypress函数和一个onblur函数。

问题是我希望用户只能输入数字并使用TAB键。

我在这里使用了这个函数：

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);" />

但是它不起作用。我可以输入任何我想要的内容。

有人有什么想法如何解决这个问题吗？

谢谢

- Jings

---

当您不希望按键生效时，您不需要调用event.preventDefault();吗？ - Orbling

抱歉，我不明白你的意思。请耐心等待，我来自德国，不是所有事情都能理解 :-S - Jings

Answer 1

尝试：

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

在这里尝试： http://jsfiddle.net/andrewwhitaker/afqf9/

然而，考虑分离JavaScript和HTML。

- Andrew Whitaker

---

@Jings：太棒了！很高兴我能帮到你。如果它对你有用，请接受这个答案！ - Andrew Whitaker