Javascript 检查是否已填写所有输入以删除禁用的属性

我想检查是否所有输入都有一个值，如果是，则删除按钮上的禁用属性

下面我插入了一段代码片段， 但当只有一个输入具有值时，这会删除该属性

$（“.follow url inputs”）。每个（函数（索引，项）{
$（项）.更改（函数（）{
var empty=$（this）.filter（函数（）{
返回此值。值==“”；
});
if（空。长度）{
控制台日志（“填写的所有字段”）；
}否则{
$（'.fs_btn-save'）.removeAttr（'disabled'））
}
});
});







拯救
逻辑有点落后。您希望过滤每个更改中的所有输入。您当前的代码仅过滤已更改的代码

var $inputs = $(".follow-url-inputs").change(function() {

  var inValid = $inputs.filter(function() {
    return !this.value.trim();
  }).length;

  $('.fs_btn-save').prop('disabled', inValid)

  if (!inValid) {
    console.log("all fiels filled in");
  }     
});

逻辑有点倒退。您希望过滤每个更改中的所有输入。您当前的代码仅过滤已更改的代码

var $inputs = $(".follow-url-inputs").change(function() {

  var inValid = $inputs.filter(function() {
    return !this.value.trim();
  }).length;

  $('.fs_btn-save').prop('disabled', inValid)

  if (!inValid) {
    console.log("all fiels filled in");
  }     
});

使用jquery映射方法。这将给出一个对象，如果任何字段为空，它将有一个键，该键的值为
true

在执行
Object.values
时，它将返回一个包含所有值的数组，并检查它是否具有
true
，这意味着该字段中的任何一个为空，在这种情况下，按钮状态可以取消

还将
change
更改为
keyup


$（“.follow url inputs”）.keyup（函数（）{
设m=$（“.follow url inputs”）.map（函数（项）{
返回$（this）.val（）=“”
})
//地图将给出一个对象
//如果任何输入为空，它将包含true
if（Object.values（m）.indexOf（true）！=-1）{
控制台日志（“填写的所有字段”）；
}否则{
$（'.fs_btn-save'）.removeAttr（'disabled'））
}
})







拯救
使用jquery映射方法。这将给出一个对象，如果任何字段为空，它将有一个键，该键的值为
true

在执行
Object.values
时，它将返回一个包含所有值的数组，并检查它是否具有
true
，这意味着该字段中的任何一个为空，在这种情况下，按钮状态可以取消

还将
change
更改为
keyup


$（“.follow url inputs”）.keyup（函数（）{
设m=$（“.follow url inputs”）.map（函数（项）{
返回$（this）.val（）=“”
})
//地图将给出一个对象
//如果任何输入为空，它将包含true
if（Object.values（m）.indexOf（true）！=-1）{
控制台日志（“填写的所有字段”）；
}否则{
$（'.fs_btn-save'）.removeAttr（'disabled'））
}
})







拯救
试试这个


$（“.follow url inputs”）。每个（函数（索引，项）{
$（项）.更改（函数（）{
var isEmpty=true；
$（'input'）。每个（函数（）{
if（$.trim（$（this.val（））=''）{
isEmpty=true；
}
否则{
isEmpty=false；
}
});
如果（我是空的）{
log（“isAllEmpty:+isEmpty”）；
}否则{
$（'.fs_btn-save'）.removeAttr（'disabled'））
log（“isAllEmpty:+isEmpty”）；
}
});
});







拯救
试试这个


$（“.follow url inputs”）。每个（函数（索引，项）{
$（项）.更改（函数（）{
var isEmpty=true；
$（'input'）。每个（函数（）{
if（$.trim（$（this.val（））=''）{
isEmpty=true；
}
否则{
isEmpty=false；
}
});
如果（我是空的）{
log（“isAllEmpty:+isEmpty”）；
}否则{
$（'.fs_btn-save'）.removeAttr（'disabled'））
log（“isAllEmpty:+isEmpty”）；
}
});
});







拯救
可能重复的
var empty=$（此项）。筛选
您只检查当前项，而不是整个
列表。遵循url输入。并且您的console.log消息被反转。如果empty有一个长度，则并非所有输入都有一个值。
var empty=$（此项）可能重复。筛选
您只检查当前项，而不是整个
列表。遵循url输入
。并且您的console.log消息被反转。如果empty有一个长度，则并非所有输入都有一个值。