Как проверить в JQuery только если все поля не заполнены

Question

Используя проверку jQuery, если у меня много полей на странице и требуется заполнить только ОДИН из них, как я могу вызвать ошибку, только если они все пустые.

То есть пользователь может заполнить одно или несколько полей, но если все они будут пустыми, произойдет ошибка. Я хочу знать, есть ли способ сделать это с помощью проверки jQuery.

Answer 1

Что-то в этом духе должно работать.

var valid=0;
$("#myform input[type=text]").each(function(){
  if($(this).val() != "") valid+=1;
});

if(valid){
  console.log(valid + " inputs have been filled");
}
else {
  console.log("error: you must fill in at least one field");
}

См. Рабочий пример здесь по jsFiddle

Answer 2

var filled = $("#theForm :input").filter(function() {
    return $.trim(this.value).length;
});
if(filled.length) {
    // at least one has been filled
} else {
    // error, all are blank
}

Вы можете проверить это здесь.

Справка:

• http://api.jquery.com/input-selector/
• http://api.jquery.com/filter/

Answer 3

попробуйте это,

    var name = $('#name').val();
    var city = $('#city').val();

    if(name == '' && city == '') // this will only fire when both name and city are empty if one of them is not empty than this if condition will not fire
    {
       alert('all fields are required');
    }