如何將 javascript 或 html 的輸入限制為僅限字母，但也允許輸入空格？

Question

我需要限制此輸入元素中允許的輸入。 我嘗試使用此代碼，但是，此代碼不允許有人輸入空格。

<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)">

Answer 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)">