Есть ли прослушиватель событий, когда форма html5 проверяется перед отправкой?

Question

Я просмотрел, но понятия не имею, есть ли способ узнать, была ли подтверждена форма.

Exemple:

• Пользователь нажимает кнопку отправки
• Форма недействительна, поэтому событие отправки не вызывается
• Это где мне нужно .addClass('form-feedback') до #my-form ...

Единственный способ, который я нашел, это поставить:

$('#my-submit-btn').click( () => $('#my-form').addClass('form-feedback'))

Есть ли более простой и универсальный способ сделать это в javascript?

Редактировать: посмотрел Прослушиватель событий действителен для форм HTML5 и во всех ответах упоминается решение CSS и не упоминается прослушиватель событий ... Но ОП дайте мне ответ на свой вопрос (см. Ниже)

Спасибо;)

Answer 1

Событие invalid отправляется на любые недействительные поля в форме при отправке. Я не думаю, что есть один для формы в целом, но вы можете использовать invalid, чтобы установить недопустимое состояние и submit (и / или input в полях), чтобы установить действительное состояние.

Пример: https://codepen.io/geekschool/pen/wjqvMV?editors=1010#0