Добрый день, помогите стилизовать 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",
}
});