如何创建 javascript/jquery 实时检查输入字段中的禁用词

Question

我到处搜索，但就是找不到适合这个问题的解决方案....我们有一个输入字段，我们不希望人们在其中输入某些词。 "unit" 或 "level" 或 "apartment" 等词...

我们需要的是一个基于 js 的实时禁用词检查，如果我们检测到用户输入了一个禁用词，它可以显示特定的错误消息。

必须是实时的，以便我们在他们尝试提交表单之前捕捉到它。

关于这个问题的各个方面有很多帖子，但是 none 似乎符合所有要素。

一个简单的 js fiddle 示例将不胜感激。

提前致谢。

Answer 1

试试这个：

我还没有创建 jsfiddle，您只需将其复制粘贴到文本文件中，然后使用 .html 扩展名保存即可。

<script>
function checkBanWords()
{
  var banned_words = ['apple', 'berry', 'citrus'];
  var textvalue = document.getElementById('name').value;
  for(var i=0; i<banned_words.length; i++) {
    if (~textvalue.indexOf(banned_words[i])){

      //DO YOUR STUFF HERE

      console.log('you have entered a banned word: ' + banned_words[i]);
    }
  }
}
</script>

<input type="text" name="name" id="name" onkeyup="checkBanWords()" />

如何创建 javascript/jquery 实时检查输入字段中的禁用词

How to create a javascript/jquery real time check for banned words in an input field

jquery

real-time