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

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

See the Pen Выбор пустых инпутов by Anton Seredniy (@Seredniy) on CodePen.

А теперь сам код, который и делает такую магию:

jQuery("input").filter(function() {return !this.value;}).addClass("error");)

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

jQuery('#select_empty').click(function() {
    jQuery("input").filter(function() {
        return !this.value;
    }).addClass("error");
});

Как видите, все очень просто, но прошу обратить внимание на то, что здесь используется filter(), поскольку если брать но вооружения что-то типа простого селектора $('input[value=""]'), скрипт будет работать не совсем корректно. Более детально об этом читайте по ссылке внизу статьи.

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

jQuery("input").filter(function() {return this.value;}).addClass("error");)

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

1
Оставить комментарий

avatar
0 Цепочка комментария
0 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
0 Авторы комментариев
Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о