Как не валидировать пустое поле, если оно не заполнялось?
пример на codepen: https://codepen.io/Lirrr/pen/eYzNgKY
Использую библиотеку Bouncer для валидации: https://github.com/cferdinandi/bouncer
Если любое поле попадает в фокус, то после потери фокуса сразу валидируется, даже если ничего не вводили.
Как сделать так, чтобы валидация происходила только после попытки что-то ввести?
А зачем оно вам? Не помню чтобы я где-то видел что валидация действует только после написания текста. Обычно срабатывает после потери фокуса, как вы и говорите.
Gimir, Например, пользователь выбрал одно поле, ничего там не написал, выбрал следующее, а в первом появилась ошибка о некорректном заполнении. Мне кажется это не правильно, пользователь ведь даже ничего не вводил, а уже получил ошибку. т.е. пускай она срабатывает после потери фокуса, если поле НЕ пустое.
Так у Вас у поля стоит required, естественно, что после потери фокуса - появляется сообщение, что оно обязательно для заполнения.
Уберите required в html.
Если я уберу required в html, то оно станет не обязательным для заполнения, что не подходит. Здесь именно о моменте, когда пользователь ничего не ввел, а уже получает ошибку. Наверно, нужно сделать так, чтобы проверка на пустое поле происходила только при нажатии на submit, а на некорректное заполнение после потери фокуса. Честно говоря, я просто не знаю как это осуществить, знаний пока недостаточно.