Question

尝试阻止在文本字段中输入非数字字符。我的代码验证了字符，但并没有阻止它被添加到文本框中。

我的代码：

var isNumberKey = function(e){
    //alert(e.which);
    if (e.which > 31 && (e.which < 48 || e.which > 57)) 
        return false;   
    return true;
}

var isBackSpaceKey = function(e){
    return e.which == 8;
}

var isArrowKey = function(e) {
    return e.which >= 37 && e.which <= 40;
}

var inputs = $$('.numberOnly');
inputs.addEvent('keyup', function(e){
    console.log(e.which);
    if (!isNumberKey(e) && !isBackSpaceKey(e) && !isArrowKey(e)){
        e.stop();
        return false;
    }
    return true;
});

HTML：

<input name="t1" type="text" class="numberOnly" id="t1"/>

Answer 1

您应该使用keydown事件而不是keyup。我会这样做：

var inputs = $$('.numberOnly');
inputs.addEvent('keydown', function(e){
    if (e.code >= 48 && e.code <= 57 ){
        return true;
    }
    e.stop();
    return false;
});

http://jsfiddle.net/TsAkb/

希望这有帮助

编辑：

也许你想要允许“tab”键，“enter”键和“退格键”= P

mootools中的keyup停止事件不起作用

1 个答案: