首页 文章

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

提问于
浏览
2

我有一个数字输入字段用于设置事件的到期时间 . 即,用户可以创建在X天内到期的事件;使用put字段中的数字选择x .

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

我试图找出一种方法来禁止用户手动输入数字到字段,而无需使用JQuery等 .

有谁知道这是否可能?

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

非常感谢提前 .

2 回答

  • 2

    这样可以防止有人手动输入数字:

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

    Example: http://jsfiddle.net/CWadc/10

  • 0

    你可以限制像这样的有效数字(对于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 example

相关问题