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」你會得到一個名爲「元素」變量得到確認的元素。在我的情況下，它之前的字段是與元素關聯的標籤。我將該標籤的類更改爲「錯誤」，並將元素的類更改爲「錯誤」。

「onHideAdvice」您必須刪除那些「錯誤」類。