Как изменить стили элементам если форма не прошла валидацию?

Question

[Александр Тимофеев]

Как изменить стили элементам если форма не прошла валидацию?

Answer 1

[Алексей Скляров]

Слишком общий вопрос. Если коротко:
1. Создаете функцию валидации, которая возвращает true/false
2. В ней проверете каждый элемент инпута/текстареа и тд. Тут же пишите условие, если поле пусто, то применяете .css(), .addClass(); из jQuery
3. Если есть один не введенный эл-т, то значение функции принимаем false. Ну и тд
4. Далее перед аякс отправкой формы мы пишем что-то типа:

var valid = validateForm(form);
if (valid) {
// аякс запрос
}

Answer 2

[Никита Петерсон]

Можно повесить обработчик click на submit, можно на каждый input свой обработчик повесить, чтобы проверялись введенные данные когда, например, выходишь из поля ввода.

Comments

[Александр Тимофеев]

Для меня вопрос заключается, как обработчик на каждый input повесить?