@sergeymaverick

Как найти родительский класс от input для вывода сообщения об ошибке?

Добрый вечер. Как решить такую проблему на JQ. Есть форма для CMS MODX. После нажатия на кнопку "Оставить заявку" Если поле не верное, то ModX добавляет свой класс error к input. Как сделать так, что бы при добавлении класса error у родительского тега div тоже добавлялся класс error? Нужно для того, что бы вывести текстовое сообщение под input что пользователь ввел что-то с ошибкой. В JQ не силен, пробовал делать через .parent(), но когда ModX добавляет класс error к input то скрипт его просто не видет, так как он загрузился до того, как появился класс.

Форма стандартная.
<form class="ajax_form" action="" method="post">

<div><input type="text" class="text" placeholder="Имя*" name="yourname" id="yourname" value=""></div>
<div><input type="tel" class="text" placeholder="Телефон*" name="yourphone" id="yourphone" value=""></div>
    
<input type="submit" class="SubmitClose" value="оставить заявку">
</form>


Форма с ошибкой.
<form class="ajax_form" action="" method="post">

<div><input type="text" class="text error" placeholder="Имя*" name="yourname" id="yourname" value=""></div>
<div><input type="tel" class="text" placeholder="Телефон*" name="yourphone" id="yourphone" value=""></div>
    
<input type="submit" class="SubmitClose" value="оставить заявку">
</form>
  • Вопрос задан
  • 82 просмотра
Решения вопроса 1
SuperToster
@SuperToster
Так не пойдёт? https://jsfiddle.net/rbsj3u0h/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы