jsf突出顯示標籤爲無效輸入

Question

是否有一種簡單的方法將特定樣式應用於輸入無效的標籤？

我見過omnifaces highlight組件，它爲輸入本身做了工作，但爲我的項目提供了styleguide，強制它用於輸入的標籤。

像這樣的事情將是巨大的：

<h:outputLabel for="inputId" value="label" /> 
<h:inputText id="inputId" value="..." /> 

<o:highlight errorLabelStyle="errorLabel" /> 

Answer 1

這是不可能的<o:highlight>。然而，爲標籤應用相同的樣式類也是相當簡單的，所以它一直是implemented。

<h:outputLabel for="inputId" value="label" /> 
<h:inputText id="inputId" value="..." /> 

<o:highlight /> 

與下面的CSS：按OmniFaces 1.2，你可以按如下方式使用它

label.error { 
    color: red; 
} 

input.error, select.error, textarea.error { 
    background: pink; 
} 

的error默認stlye類名是覆寫投放通常的方式：

<o:highlight styleClass="invalid" />