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 ”您将获得在名为“元素”的变量中验证的元素。就我而言;它之前的字段是与元素关联的标签。我正在将该标签的类更改为“error”，并将元素的类更改为“error”。

“ onHideAdvice ”您必须删除这些“错误”类。

Mootools - 验证失败时，如何更改输入框样式？

1 个答案: