javascript - 将用户输入限制为数组中的值

标签 javascript css input

是否有 JS 方法(或 CSS)将用户输入限制为数组中的值?我的目标是创建一个应用程序,它使用 Giphy API(和 Ajax 调用)来显示 gif 国家/地区。

我即将完成代码。但是,我要添加的最后一个功能是将用户输入限制为国家名称。

该应用目前允许任何输入并在 Giphy 库中搜索任何和每个 gif。这本身就是一个很酷的功能,但该应用程序的重点是成为与地理相关的应用程序,而不是 Giphy 的衍生产品。

最佳答案

您可以为您的输入执行一个 onblur 事件,并检查该数组是否包含您的输入值。如果不是,则清除输入,并添加一个错误 css 类以通知用户他们的输入无效(红色边框、红色框、警报事件等)

关于javascript - 将用户输入限制为数组中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58565030/

相关文章:

javascript - 当 HTMLElement.onclick 事件调用时,在其函数中获取对象的属性 - javascript

javascript - 当我尝试从表单更新时出现白色错误屏幕

css - 使用具有渐变背景的 CSS3 过渡

jquery-ui - jquery.ui.touch.punch.js 脚本阻止了触摸设备上的输入功能

java - 输入对话框[所需信息]

javascript - promise vs react vs?

javascript - AngularJS 模式允许与背景交互

javascript - 将鼠标悬停在 slider 上放大图像 bootstrap3 Slide Carousel

html - 使用 CSS 模糊图像或背景图像的边缘

django - <input type ="text"> django 模板中字符串中的空格