号码输入字段，禁止用户手动输入号码

Question

我有一个数字输入字段，用于设置事件的到期时间。即用户可以创建一个在 X 天后过期的事件； x 是使用输入字段中的数字来选择的。

我已将数字输入字段设置为最小值为 1，最大值为 7，但用户仍然可以手动输入他们想要的任何数字（即 0 或 > 8）。

我正在尝试找出一种方法来禁止用户手动在字段中输入数字，而不必使用 JQuery 等进行任何操作。

有谁知道这是否可能？

我正在开发的应用程序是在 Rails 中，但我认为这更多是一个 HTML/Javascript 问题。

预先非常感谢。

Answer 1

这将阻止某人手动输入数字：

$('input').keypress(function(event){
    event.preventDefault();
});

示例： http://jsfiddle.net/ CWadc/10

Answer 2

您可以像这样限制有效数字（对于 jQuery 1.7.x）；

$('#id_of_your_input').on('keydown', function(e) {
    if(e.keyCode != 46 && // delete
       e.keyCode != 8 && // backspace
       (e.keyCode < 49 || e.keyCode > 55) && //numbers above keyboard
       (e.keyCode < 97 || e.keyCode > 103) // numeric keyboard numbers
    ) {
        e.preventDefault();
    }
});

jsFiddle 示例