Как стилизовать label после проверки Validation Jquery?

Добрый день, помогите стилизовать label после проверки Validation Jquery.

Через css я задал label цвет красный при ошибке, но когда ошибка снимается, то цвет у label на прежний не меняется, а остается красным. Вопрос в том, как вернуть цвет label обратно на черный?
Можно любыми вариантами.

<form action="#" class="feedback-form" id="feedbackForm">
       <div class="feedback-field">
              <input required name="userName" id="userName" type="text" class="feedback-form__input">
              <label for="userName" class="feedback-form__label">Nombre</label>
      </div>
      <div class="feedback-field">
              <input required name="userPhone" id="userPhone" type="tel" class="feedback-form__input">
              <label for="userPhone" class="feedback-form__label">Teléfono móvil</label>
      </div>
      <div class="feedback-field">
              <input required name="userEmail" id="userEmail" type="email" class="feedback-form__input">
              <label for="userEmail" class="feedback-form__label">E-mail</label>
      </div>
            <button type="submit" class="button feedback-form__button">Enviar la solicitud</button>
  </form>


.invalid + label {
  color: #ff8080;
}


$("#feedbackForm").validate({
  errorElement: "div",
  errorClass: "invalid",
  rules: {
    userName: {
      required: true,
      minlength: 2,
    },
    userPhone: {
      required: true,
      minlength: 11,
    },
    userEmail: {
      required: true,
      minlength: 1,
    },
  },
  messages: {
    userName: "Longitud mínima 11 carácteres",
    userPhone: "Longitud mínima 11 carácteres",
    userEmail: "Longitud mínima 11 carácteres",
  }
});
  • Вопрос задан
  • 220 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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