javascript - jquery keypress 在输入文本限制中，我希望它只允许 A-Z 和空格，但我的代码不允许 "Y"和 "Z"

Question

实际上我没有编写这个代码，我只是复制并粘贴它来尝试。

这是代码。

$("#firstname, #lastname").keypress(function(event) {
  var inputValue = event.charCode;
  if (!(inputValue >= 65 && inputValue <= 120) && (inputValue != 32 && inputValue != 0)) {
    event.preventDefault();
  }
  $('#input').html(inputValue);
});

Answer 1

y 的键码是 121，同样是 z 的键码是 122。因此，如果您想将这些包含在范围内，那么您应该更改 inputValue <= 120至inputValue <= 122 .

但是，您不需要为此检查键码。我建议使用正则表达式 /[^a-z\s]/gi (这是一个否定字符类，将匹配非 a-z 或空格的字符 - 不区分大小写)。

您只需用空字符串替换这些字符即可有效删除它们:

$("#firstname, #lastname").on('input', function(event) {
  this.value = this.value.replace(/[^a-z\s]/gi, '');
});

基本示例:

$("#firstname, #lastname").on('input', function(event) {
  this.value = this.value.replace(/[^a-z\s]/gi, '');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="firstname" type="text" />