javascript - block 符号按键 jQuery 不工作

Question

我需要在按下键时避免在文本框中出现符号，但我的以下代码不起作用。它限制了所有关键事件。请帮助我。

 $('.GroupName').keypress(function (event) {
            var keycode;

            keycode = event.keyCode ? event.keyCode : event.which;

            if (!(event.shiftKey == false && (keycode == 27 || keycode == 219 || keycode == 220 || keycode == 221 || keycode == 222 || (keycode >= 186 && keycode <= 192)))) {
                event.preventDefault();
                $('#error').attr('class', 'errorMessage');
                $('#error').text("Enter Only Alphabets and Numbers. Symbols Are Not Allowed. ");
                return false;
            }
            else {
                $('#error').attr('class', ' display: none;');
                $('#error').text("");
                return true;
            }
        });

Answer 1

我在键盘上找不到任何可以使用这些键码的东西，所以我创建了自己的示例。此演示限制了很多通常不会在消息中使用的符号。

我通过将受限制的 keyCode 添加到数组然后使用 indexOf 检查它们来减少 if 语句中对条件的需求。另请注意，event.which 是获取 keyCode 所需的全部内容。

Live demo here (click).

var restricted = [96, 126, 40, 41, 61, 91, 93, 123, 125, 92, 124, 59, 47, 60, 62];

$('.myInput').keypress(function (event) {
  if (restricted.indexOf(event.which) !== -1) {
    console.log('key restricted!');
    event.preventDefault();
  }
  else {
    console.log('key ok!'); 
  }
});