提问者:小点点

如果输入与预定义值匹配,则不允许输入


我想禁止在html输入字段中输入某些内容。

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

我想让用户键入和‘黑名单’某些值,如果他们匹配我的一个预定义的值,并显示一个警告。

实现这一点最容易的方法是什么?


共2个答案

匿名用户

null

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

匿名用户

也可以使用正则表达式。 只有在文本不包含foo的情况下才可能提交表单。

null

<form action="#">
  <input type="text" name="xx" pattern="^((?!foo).)*$"><br />
  <input type="submit">
</form>