@Alex_87

Ошибка в логике?

Здравствуйте! Помогите пожалуйста разобраться с простой задачей на понимание JS...
Для удобства передаю ссылку на js fiddle: https://jsfiddle.net/x2zgzpr3/24/
Задача заключается в том, чтобы при клике на кнопку submit, поля с пустыми значениями, выделялись рамкой. Спасибо!
  • Вопрос задан
  • 200 просмотров
Решения вопроса 1
@eavam
В момент события у вас this это input[type=submit], потому что на нем вист onClick. Когда на thisдобавляется класс он все правильно добавляется только не на поля, а на кнопку. По-этому inp[i].classList.add('err') более правильный вариант.

Второй момент. По нажатию на кнопку форма отправляется т.к. submit отправляет форму на сервер. Есть несколько вариантов как исправить:
1. Повесить обработчик onSubmit на форму. Либо делать return false после всех манипуляций, либо вызывать event.preventDefault()
2. В данном примере можно просто после for возвращать return false
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@felmist
inp[i].classList.add('err');
не?
Ответ написан
lxsmkv
@lxsmkv
Test automation engineer
inp[i].classList.add('err');
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы