jQuery 按键事件不适用于警报

Question

我有这段代码，当长度为 0 时，它不允许用户输入除 a-z A-Z 0-9 之外的任何内容。我想提醒用户他不允许输入特殊字符。问题是当我按下空格时，警报会在几分之一秒内出现并消失。我的代码有什么问题？

    $('#value').bind('keypress', function(e) {
        if($('#value').val().length == 0){
            if (e.which == 32){//space bar
                e.preventDefault();
            }
            if (e.which < 48 || 
                    (e.which > 57 && e.which < 65) || 
                    (e.which > 90 && e.which < 97) ||
                    e.which > 122) {
                    e.preventDefault();
                        alert("Not allowed");
            }
        }
    });   

    <input type="text" id="value" />

演示 here

Answer 1

一些建议:

1. 使用 on 方法而不是 bind 方法
2. 当你在方法回调中时，你可以引用带有“this”关键字的元素

除了这里的建议是代码和 fiddle 。

$('#value').on('keypress', function(e) {
            if($(this).val().length == 0){
                if (e.which == 32){//space bar
                    e.preventDefault();
                    alert("just some text");
                }
                var valid = (e.which >= 48 && e.which <= 57) || (e.which >= 65 && e.which <= 90) || (e.which >= 97 && e.which <= 122);
if (!valid) {
    e.preventDefault();
}
            }
        }); 

http://jsfiddle.net/fwcfq/45/