javascript - 如果输入与预定义的值匹配，则禁止输入

Question

我想禁止某些输入到 html 输入字段。

在“选择”/下拉 HTML 列表中手动输入值？这个问题涵盖了如何在让用户输入的同时推荐值。

如果某些值与我的预定义值之一匹配并显示警告，我想让用户键入和“黑名单”。

实现这一目标的最简单方法是什么？

标签： javascripthtml

Answer 1

function myFunction(e) {
  const val = e.value;
  const blacklist = ["12345678", "qwerty"];
  if (blacklist.indexOf(val) >= 0) alert("Blacklist");
}

<p>A function is triggered when the user releases a key in the input field.</p>
Enter your name: <input type="text" id="fname" onkeyup="myFunction(this)">

您需要玩keyup事件并提供黑名单。你可以做任何你想做的事情val，你可以检查它是否是黑名单值之一（上面的例子）或者它是否匹配正则表达式模式。