Input: Как выбрать все пустые input с помощью jQuery

Выбрать все пустые input с помощью jQuery

Автор Алекс На чтение 1 мин Обновлено 26.10.2022

Очень краткая статья о том, как с помощью jQuery выбрать все пустые инпуты (можно и селекты).

Итак, без прелюдий, сразу код:

$('.class input[value=""]')

1	$('.class input[value=""]')

Зачем это может понадобиться? Лично мне пригодилось при написании скрипта-валидатора формы, в которой все input были обязательными. Если пользователь не заполнил их — я просто обводил их красным бордером. Пример:

 $('.class .wpcf7-submit').click(function(event) {
       $('.indz input[value=""]').css('border', '1px solid red');
  });

$('.class .wpcf7-submit').click(function(event) {

$('.indz input[value=""]').css('border', '1px solid red');

});

Как видите, все очень просто. По аналогии, можно выбрать все НЕпустые input

$('.class input[value=!""]')

1	$('.class input[value=!""]')

Надеюсь, это запись показалась вам полезной. А если и нет — то я просто оставлю ее тут, чтобы самому в следующий раз не искать решение или не изобретать велосипед заново. Спасибо за внимание.