Я как-то давно решил такую проблему так: всем инпутам задал один какой-то класс, например .validate при ошибке инпутам добавляется класс .validate-error
Далее перед отправкой: $('.validate').trigger('input'); . соответственно после этого проверяешь есть ли в инпутах класс.validate-error Но это кривое решение и по этому я написал в комментариях, поделился своим опытом
Есть тут дизайнеры ? Кто может объяснить подобные "перфомансы" от дизайнеров ? Зачем это нужно ? Просто реализация таких элементов в 101% случаев делается через ультра костыли, причем не важно верстак проффесионал или нет.
совет автору: Лучше напиши дизайнеру, что он идиот, пусть увольняется к чертям.
Ilya Famin, Если добавляются новые элементы — при помощи ajax’а или функций типа append() — то события, click в вашем случае не затрагивают их.
Для того, что бы обратиться к динамически созданным элементам используйте делегирование.
обращайтесь к элементу от родителя, который был виден во время загрузки страницы. Или от документа как в отвеете выше.
.validate
при ошибке инпутам добавляется класс.validate-error
Далее перед отправкой:
$('.validate').trigger('input');
. соответственно после этого проверяешь есть ли в инпутах класс.validate-error
Но это кривое решение и по этому я написал в комментариях, поделился своим опытом