如何防止用户在输入字段中输入字符“`”？

Question

<input class="name-input" type="text"/>

我假设有某种正则表达式可以解决这个问题，但是我在网上找不到哪个..如果你能帮助我将非常感激 =')

更新：主要问题是如何防止用户在输入字段中输入字符“`”。 我不明白这样做很热。

Answer 1

您可以将事件侦听器添加到输入字段并检查您不希望每次击键的任何字符。

我做了一个快速演示： https://codesandbox.io/s/vigilant-leaf-h2syxv?file=/index.html:115-160

 let item = document.querySelector(".name-input"); item.addEventListener("keypress", (e) => { if (e.key === "~" || e.key === "`") { e.preventDefault(); } });

 <input class="name-input" type="text" />

Answer 2

因此，您应该首先列出您要阻止用户使用它们的特殊字符，我假设您的列表包含：[~，'，，，（，），`]。然后你可以使用这个：

let name = document.querySelector('.name-input')
let regex = "[`'"()~]" 
if ( name.match(regex) ){
    console.log('There was a match');
} else {
    console.log('NO match');
}