Javascript 在其他输入字段中查找输入值
我需要检查并找到当前输入字段的值是否在页面上的其他输入字段中找到Javascript 在其他输入字段中查找输入值,javascript,jquery,Javascript,Jquery,我需要检查并找到当前输入字段的值是否在页面上的其他输入字段中找到 $(document).on("keyup", "input.card-label", function(){ var ths = $(this), par = ths.closest(".inputContainer"), val = ths.val(); if (ths.closest(".allInput").find("input.card-label").val() != val) {
$(document).on("keyup", "input.card-label", function(){
var ths = $(this),
par = ths.closest(".inputContainer"),
val = ths.val();
if (ths.closest(".allInput").find("input.card-label").val() != val) {
par.removeClass("dupe");
} else {
par.addClass("dupe");
fle.prop("disabled", true);
}
});
我似乎取得了部分成功。当我编辑一个重复的值时,“dupe”类被删除,但当我有意输入一个重复的值时,“dupe”类不会被添加。我缺少什么?如果我理解正确,您希望在一个输入的值与另一个输入的值相同时添加一个类。下面的代码将keyup事件添加到任何输入,然后在所有其他输入上循环以确定当前输入的值是否重复,在这种情况下,它会添加一个CSS类 为了简单起见,我只使用了
输入
选择器。你应该能够根据自己的需要来定制
$(函数(){
$('input')。在('keyup',函数(e)上{
//对该输入的引用
变量输入=$(e.currentTarget)
//获取不是此输入的所有输入
var allInputs=$('input')。不是(这个)
//循环所有其他输入
对于(变量i=0;i
.dup{
边框颜色:红色
}
查看附带的HTML会非常有帮助,这样我们就可以了解这些CSS类的结构以及与之相关的元素提示:如果您有许多输入,并且输入的数量可能会有所不同,则需要迭代所有输入;在您提供的代码中,缺少迭代。考虑如何选择除目标输入之外的所有输入元素,将它们映射到值,然后迭代这些值,对照目标输入检查每个值。jQuery选择器不应该找到第一个匹配项吗?我只是想知道有没有匹配的。