Проверьте, есть ли хотя бы одно поле ввода из многих значений

Question

У меня есть 4 поля ввода, и я хочу проверить, имеет ли хотя бы 1 значение. Если у меня нет значений, которые я хочу вернуть.

Вот что у меня есть, и я знаю, если он не работает, потому что он не вводит оператор if, если ничего не было введено.

if ($('#Name').val() != "" && $('#State').val() != "" && $('#City').val() != "" && $('#Zip').val() != "") { 
 
    showAlert("You need to select at least one of the following: Name, State, City, or Zip", 'error'); 
 
    return; 
 
}

, если никто не имеет значение, я хочу, чтобы показать сообщение и вернуться без дальнейшей обработки.

Answer 1

Так вместо того, чтобы проверить, что значение не пуст, вы должны проверить, что они пусты:

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'); 
} 

Вы можете также поместить alert после return, чтобы сделать его короче.

Fiddle

Answer 2

Вы можете выбрать все inputs тип text и фильтровать их проверки значения присутствуя:

$(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> 

Demo