Как правильно сделать скрипт с проверкой на заполнение инпута?

Question

[Кристина]

Здравствуйте!
У меня есть форма.
При незаполнении инпутов, я им добавляю класс error и стилизую его (например, бордер делаю красным).
Мне нужно, чтобы если один из инпутов заполнен, этот класс не добавлялся.
Подскажите пожалуйста, как сделать?

$('.calculation__form').on('click', '#button_enter', function(){
  $('.calculation__inputWrap').removeClass('error'); 
  let hasErrors = false;

  $('.calculation__inputWrap').each(function(){
      if ($(this).val().trim() == '') {
        hasErrors = true;
        $(this).addClass('error');    
      }
  });  
  
  return hasErrors ? false : true; 
});

Comments

[Elvis]

Как идея: конкатенируешь значения всех инпутов и, если получаешь пустую строку, тогда значит что все инпуты пустые и тогда добавляешь класс.

[Кристина]

Elvis, Спасибо!
А конкретно что к коду добавить нужно? Можете уточнить пожалуйста.

Answer 1

[Владимир Коротенко]

В вашем случае, удалите у одного инпута класс calculation__inputWrap. У вас по логике выбираются все инпуты с этим классом и проверяются

https://developer.mozilla.org/ru/docs/Learn/HTML/F...