Javascript 检查多个输入字段中是否至少有一个字段有值

Javascript 检查多个输入字段中是否至少有一个字段有值,javascript,jquery,html,Javascript,Jquery,Html,我有4个输入字段,我想检查是否至少有1个值。如果没有值,我想返回 这是我所拥有的,我知道if不起作用,因为如果没有输入任何内容,它就不会输入if语句 if($('#Name').val()!=“”&&&($('#State').val()!=“”&&($('#City').val()!=“”&&($('#Zip').val()!=“”){ showAlert(“您需要至少选择以下选项之一:名称、州、城市或邮政编码”、“错误”); 返回; }因此,与其检查值是否为空,不如检查值是否为空: if

我有4个输入字段,我想检查是否至少有1个值。如果没有值,我想返回

这是我所拥有的,我知道if不起作用,因为如果没有输入任何内容,它就不会输入if语句

if($('#Name').val()!=“”&&&($('#State').val()!=“”&&($('#City').val()!=“”&&($('#Zip').val()!=“”){
showAlert(“您需要至少选择以下选项之一:名称、州、城市或邮政编码”、“错误”);
返回;

}
因此,与其检查值是否为空,不如检查值是否为空:

if (!$('#Name').val() && !$('#State').val() && !$('#City').val() && !$('#Zip').val()) {
  return alert("You need to select at least one of the following: Name, State, City, or Zip", 'error');
}
您还可以将
警报
放在
返回
之后,使其更短


因此,与其检查值是否为空,不如检查值是否为空:

if (!$('#Name').val() && !$('#State').val() && !$('#City').val() && !$('#Zip').val()) {
  return alert("You need to select at least one of the following: Name, State, City, or Zip", 'error');
}
您还可以将
警报
放在
返回
之后,使其更短


您可以选择所有
输入
类型
文本
,并对其进行过滤,检查是否存在值:

$(function () {
    $("#Check").on("click", function () {
    // Will return the inputs containing value.
    var anyValue = $("input[type=text]").filter(function () {
        return $(this).val().trim() !== "";
    });

    // If there's at least one containing any value.
    console.log(anyValue.length !== 0);
  });
});
我考虑了以下标记:

<input name="Name" id="Name" type="text" placeholder="Name" />
<input name="City" id="City" type="text" placeholder="City" />
<input name="State" id="State" type="text" placeholder="State" />
<input name="Zip" id="Zip" type="text" placeholder="Zip" />
<button id="Check">Check</button>

检查

您可以选择所有
输入
类型
文本
,并对其进行过滤,检查是否存在值:

$(function () {
    $("#Check").on("click", function () {
    // Will return the inputs containing value.
    var anyValue = $("input[type=text]").filter(function () {
        return $(this).val().trim() !== "";
    });

    // If there's at least one containing any value.
    console.log(anyValue.length !== 0);
  });
});
我考虑了以下标记:

<input name="Name" id="Name" type="text" placeholder="Name" />
<input name="City" id="City" type="text" placeholder="City" />
<input name="State" id="State" type="text" placeholder="State" />
<input name="Zip" id="Zip" type="text" placeholder="Zip" />
<button id="Check">Check</button>

检查

那么,您的代码的哪一部分不起作用?你的
=
可能应该是
==
?你基本上做的是
它有值吗&&它有值吗&&它有值吗&&它有值吗
我不知道这是不是正确的逻辑?如果有值:
$('#Name').val()|$('#State').val()…
那么你的代码有哪部分不起作用了?你的
=
可能应该是
==
?你基本上是在做
它有值吗&&它有值吗&&它有值吗&&它有值吗
我不知道这是不是正确的逻辑?如果有值:
$('#Name').val()|$('#State').val()…
第二个例子不起作用。console.log($('#Name,#State,#City,#Zip').val()只打印第一个元素值。很好。我已经删除了这个例子。谢谢第二个例子不起作用。console.log($('#Name,#State,#City,#Zip').val()只打印第一个元素值。很好。我已经删除了这个例子。谢谢