Как проверить несколько input`ov с одинаковым классом на пустоту?

Question

[alex2k19]

Как проверить несколько input`ov с одинаковым классом на пустоту?

<form>
        <input class="input_1">
        <input class="input_1">
        <input class="input_1">
        <input class="input_1">
    </form>

Answer 1

[0xD34F]

Кого надо проверить: const $inputs = $('.input_1');.

Проверяем:

Array.from($inputs).forEach(n => console.log(n, n.value ? 'я заполнен' : 'я пуст'));

console.log($inputs.get().some(n => n.value) ? 'кто-то заполнен' : 'все пустые');

console.log($inputs.toArray().every(n => n.value) ? 'все заполнены' : 'кто-то пуст');

console.log(Array.prototype.filter.call($inputs, n => n.value), 'мы заполнены');

console.log([...$inputs.not((i, n) => n.value)], 'мы пустые');

Answer 2

[Сергей Соколов]

function check() {
	let filled = true;
	$(".input_1").each(function() {
    if ($(this).val() == '') filled = false;
  });
  $('div').text(filled ? 'Все заполнены' : 'что-то пусто');
}

Comments

[alex2k19]

Все, так, но нужно что бы если, хотя бы 1 был заполнен, то тогда выводилось что все хорошо

[Сергей Соколов]

alex2k19, и как вы попробовали этот исправить в предложенном коде, что не получилось?

[alex2k19]

Сергей Соколов, не получилось сделать

[Сергей Соколов]

alex2k19, покажите попытку

[alex2k19]

Сергей Соколов, я даже не имею понятиия как можно передалть :/

[Сергей Соколов]

alex2k19, здесь не делают всю работу за вас. Тут помогают разобраться.
Чтобы сделали под ключ - это на freelance

Answer 3

[Somewhere Intech]

Как вариант ещё можно так:
Выставить свойство required в разметке

<form id="thatMustBeFilled">
	<input type='text' value='7' class="notEmpty" required>
	<input type='text' value='' class="notEmpty" required>
</form>

И все пустые приравняются к invalid подселектору

const valid = _ => document.querySelectorAll('form#thatMustBeFilled>input.notEmpty:invalid').length == 0
console.log(valid())
//false