如何将使用 javascript 或 html 的输入限制为仅限字母，但也允许输入空格？答案

【问题标题】：How can i limit the input with javascript or html to letters only, but allow a space to be entered as well?如何将使用 javascript 或 html 的输入限制为仅限字母，但也允许输入空格？
【发布时间】：2021-03-02 10:58:29
【问题描述】：

我需要限制此输入元素中允许的输入。我尝试过使用此代码，但是，此代码不允许有人输入空格。

<input type="text" id="wisselspelers" onkeypress="return (event.charCode > 64 && 
    event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)">

只允许使用字母。不应允许任何数字或其他输入（例如 '" 等）。

关于用户只能输入空格，我创建了这个 JS 代码，它强制用户至少输入一些东西：

 var input = document.getElementById("wisselspelers").value;
            if (input.trim().length == 0) {

                alert("Een naam is verplicht om op te kunnen slaan!");
                return;
            }
            if (input.trim().length == 1) {
                alert("Een naam kan niet maar 1 letter hebben, vul een naam in!");
                return;
            }

var input = document.getElementById("wisselspelers").value;
if (input.trim().length == 0) {

  alert("A name is required to save! (en naam is verplicht om op te kunnen slaan!)");

}
if (input.trim().length == 1) {
  alert("A name cannot have only 1 letter, enter a name! (Een naam kan niet maar 1 letter hebben, vul een naam in!)");

}

<input type="text" id="wisselspelers" onkeypress="return (event.charCode > 64 && 
    event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)">

【问题讨论】：

标签： javascript html validation input

【解决方案1】：

空格的ASCII是32

因此，您可以使用

event.charCode == 32

要接受的空格。

为了让用户强制至少添加超过 1 个字符，您可以使用 focusout 事件

document.getElementById("wisselspelers")
  .addEventListener("focusout", (event) => {
    var input = document.getElementById("wisselspelers").value;
    if (input.trim().length == 0) {
      alert("A name is required to save! (en naam is verplicht om op te kunnen slaan!)");
    }
    if (input.trim().length == 1) {
      alert("A name cannot have only 1 letter, enter a name! (Een naam kan niet maar 1 letter hebben, vul een naam in!)");
    }
  });

<input type="text" id="wisselspelers" onkeypress="return (event.charCode == 32|| event.charCode > 64 && 
        event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)">

【讨论】：