Mootools - при сбое проверки, как изменить стили полей ввода?

Question

Я положил .validation-failed в мой файл CSS. Это так:

.validation-failed  {
border: 1px solid #C00;
background-color: #FFFFC6;
}

Этот код изменяет цвет фона текстовых полей, полей ввода и т. Д., Но стиль рамки не затрагивается. Я думаю, что граница не уникальна для всех элементов ввода, поэтому они сделали это. Мой вопрос

Как изменить цвет рамки также в полях ввода как поставить нижнюю линию на этикетках связаны с полями ввода?

. Я поставил код на

onShowAdvice: function(element,advice,validator){....}

но ничего не произошло.

Answer 1

Я нашел ответ. В разделе объявления переменных вы должны сделать следующее:

 // Declare validator
             var formValidator = new Form.Validator.Inline(regForm, {
                    errorPrefix: '',
                    serial: false,
                    onShowAdvice: function(element, advice) {
                        element.addClass('error');                      
                        element.getPrevious('label').addClass('error');

                    },
                    onHideAdvice: function(element, advice){
                        element.removeClass('error');
                        element.getPrevious('label').removeClass('error');                          
                    }
                 });

" onShowAdvice " Вы получите проверенный элемент в переменной с именем " element ". В моем случае; поле перед ним является меткой, связанной с элементом. Я изменяю класс этой метки на «error», а также класс элемента на «error».

" onHideAdvice " Вы должны удалить эти классы " error ".