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

Question

[Кирилл]

пример на codepen: https://codepen.io/Lirrr/pen/eYzNgKY
Использую библиотеку Bouncer для валидации: https://github.com/cferdinandi/bouncer
Если любое поле попадает в фокус, то после потери фокуса сразу валидируется, даже если ничего не вводили.
Как сделать так, чтобы валидация происходила только после попытки что-то ввести?

Comments

[Gimir]

А зачем оно вам? Не помню чтобы я где-то видел что валидация действует только после написания текста. Обычно срабатывает после потери фокуса, как вы и говорите.

[Кирилл]

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

[Ankhena]

Кирилл, уберите required, проверяйте только правильность заполнения.

[Кирилл]

Ankhena, Извиняюсь, не сразу дошла логика. Спасибо, помогло.

Answer 1

[Павел]

Так у Вас у поля стоит required, естественно, что после потери фокуса - появляется сообщение, что оно обязательно для заполнения.
Уберите required в html.

Comments

[Кирилл]

Если я уберу required в html, то оно станет не обязательным для заполнения, что не подходит. Здесь именно о моменте, когда пользователь ничего не ввел, а уже получает ошибку. Наверно, нужно сделать так, чтобы проверка на пустое поле происходила только при нажатии на submit, а на некорректное заполнение после потери фокуса. Честно говоря, я просто не знаю как это осуществить, знаний пока недостаточно.