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

发布于 2024-10-07 14:15:48 字数 762 浏览 3 评论 0原文

我有一个 div,它通过 ajax 请求动态加载到我的页面中。 在这个 div 中,我有几个输入,所有输入都具有相同的类,但 ID 不同。

这些输入具有 keyup 函数、keypress 函数和 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);" />

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

有谁知道如何解决这个问题?

谢谢

i have a div that is load dynamically into my page with an ajax request.
In this div i have severall input all with the same class but different ID's

Those inputs have a keyup function, a keypress function and a onblur function.

The problem is i want that the user only can type in numbers and use the TABULATOR.

I use this function here

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

and I call it with:

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

But it doesn't work. I can type in whatever I want.

Does anyone have an idea as to how to fix this?

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

尝试:

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

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

但是,请考虑 < a href="http://en.wikipedia.org/wiki/Unobtrusive_Javascript" rel="nofollow">将 JavaScript 和 HTML 分开。

Try:

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

Try it here: http://jsfiddle.net/andrewwhitaker/afqf9/

However, consider separating your JavaScript and HTML.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文