首页 > 解决方案 > 将用户输入限制为数组中的值

问题描述

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

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

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

标签: javascriptcssinput

解决方案


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


推荐阅读