javascript 测试输入的字符串是否以字母开头

Question

我想测试作为参数传递的字符串是否以“a”和“d”之间的uppercase或lowercase letter 。 我写了这段代码，但它不起作用，它总是给出 else 的内容

 function controler1() { var x=document.getElementById("champ1").value; if (x.startsWith("a") || x.startsWith("b") || x.startsWith('c')|| x.startsWith('d')|| x.startsWith('A')|| x.startsWith('B')|| x.startsWith('C')|| x.startsWith('D')) { document.getElementById("teste1").innerHTML=x+" "+"chaine valide commence par une lettre entre a et d"; }else{ document.getElementById("teste1").innerHTML=x+" "+"chaine invalide ne commence pas par une lettre entre a et d"; } }

 <style type="text/css"> #la{border: 1px solid black; width: 800px;} </style> <div id="la"> <br> <input type="text" id="champ1" value=" "><br> <input type="button" value="tester" onclick="controler1()"> <p id="teste1"></p> </div>

Answer 1

这是因为您的输入字符串前面有空格，因为 -

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

将此更改为 -

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

您可以使用regex来避免这么多if条件 -

/^(a|b|c|d)/gi.test(input)

 function controler1() { var input = document.getElementById("champ1").value; var satisfies = /^(a|b|c|d)/gi.test(input); if (satisfies) { document.getElementById("teste1").innerHTML = input + " " + "chaine valide commence par une lettre entre a et d"; } else { document.getElementById("teste1").innerHTML = input + " " + "chaine invalide ne commence pas par une lettre entre a et d"; } }

 #la { border: 1px solid black; width: 800px; }

 <div id="la"> <br> <input type="text" id="champ1" value=""><br> <input type="button" value="tester" onclick="controler1()"> <p id="teste1"></p> </div>

Answer 2

我的建议：

 champ1.oninput = () => { var res = /^(a|b|c|d)/gi.test(champ1.value); // case insensitive console.log('Starts with a/A, b/B, c/C or d/D: ' + res); }

 <input type="text" id="champ1">