Как выполнить условие для всех элементов ( jQuery )?

Question

[Эдвард Арутюнян]

Доброго времени суток, пользователи Тостера ) Вопрос возник такой. Есть такой код jQuery, который должен проверять input'ы с классом required на длину value и показывать alert'ы, в зависимости от длины. Попробовал сделать так:

$('.go').click(function() {
    if( $('.fields').find('.required').val().length <=2 ) {
       alert(false);
    } else {
        alert(true);
    }
});

Но беда в том, что этот код при нажатии проверяет только первое поле с классом required. Надо, чтобы при нажатии на .go проверялся каждое поле с классом required, и если одно из них длиной меньше или равно 2 символам, то выводится один alert, если все в порядке - другой. Помогите, пожалуйста =)

Answer 1

[Stalker_RED]

https://codepen.io/anon/pen/WEQbWX

Answer 2

[Дмитрий Еремин]

Полагаю,

$('.fields').each(function(item){
   if ($(this).val().length <= 2){
      /*...*/
   }
   else {
      /*...*/
   }
})

Comments

[Эдвард Арутюнян]

Получилось вот так: https://codepen.io/anon/pen/Jydgpz . Но не работает. Может проблема в $(this) в условии ?

[Stalker_RED]

Эдвард Арутюнян: Почему вы решили, что не работает? Я проверил, вроде норм.

[Эдвард Арутюнян]

Stalker_RED: Что не так именно в моем примере, как можете видеть, он не работает.

[Эдвард Арутюнян]

Т.е. вот такой вот код не работает, как надо.

$('.fields').click(function() {
  $('.required').each(function(){
     if ($(this).val().length <= 2){
        // ...
     }
     else {
        // ...
     }
  });
});

[Stalker_RED]

Эдвард Арутюнян: Работает же.
Я кликаю - алерты появляются.
Заполнил одно поле (третье), кликнул еще раз - алерты опять появляются. И третий алерт - с мокасинами.
И ошибок нет.

[Эдвард Арутюнян]

Stalker_RED: Да, работает, но не совсем так. Если я нажимаю на .go, то появляется alert столько раз, сколько полей незаполненных.

[Stalker_RED]

Эдвард Арутюнян: Ну, такой вы код написали. Проверка внутри each и в каждой проверке по алерту. Так он и работает.
Возможно вы хотите чего-то другого, но...

Дежурный телепат в отпуске.

Да и если перечитать ваш вопрос, то там черным по белому:

Как выполнить функцию для каждого элемента ...
... проверять input'ы с классом required ... показывать alert'ы ...

[Эдвард Арутюнян]

Stalker_RED: Да, так и было написано. Только вот смысл подразумевался другой. А под функцией я имел ввиду "область" выполнения функции. И уточнил в описании:

Но беда в том, что этот код при нажатии проверяет только первое поле с классом required.

А если вы не поняли, так зачем сразу хамить телепатами?

Ну, такой вы код написали

Не поверите, но я знаю, что я написал такой код и поэтому прошу сказать, где я ошибся. Если вам так угодно, то необязательно звать дежурного телепата, я могу и пересоздать тему с более понятной задачей.

[Дмитрий Еремин]

это вин:

Да, так и было написано. Только вот смысл подразумевался другой

)))

[Stalker_RED]

Эдвард Арутюнян: Но ведь код на codepen проверяет не только первое поле. Он проверяет каждое.
Вы бы лучше попробовали переформулировать или дополнить вопрос, может тогда какие-то дельные ответы получите вместо хамства с телепатами. До сих пор не понятно чего вы хотите.

[Эдвард Арутюнян]

Stalker_RED: Дополнил вопрос, сейчас более понятнее?

[Stalker_RED]

Эдвард Арутюнян: формулировка конечно очень туманная, но благодаря хрустальному шару и намекам из этой ветки комментов я, наверное, справился. Обновил ответ.

[Эдвард Арутюнян]

Stalker_RED: О, да, вы справились. А я уж думал на али купили хрустальный шар, но нет - original, благодарю.