Jsf 2 如果验证失败，则突出显示整个表行

我正在研究JSF2.0和Richfaces。我有一个要求，如果验证失败，我需要更改表单字段整行的样式。我使用以下代码显示字段标签和文本框

<h:panelGrid columns="2">
            <h:outputLabel value="#{uit.firstname}:">
                <span class="required"><strong>*</strong> </span>
            </h:outputLabel>
                <h:inputText value="#{editUserProfileBean.firstName}" type="text"
                    id="firstname" styleClass="basicFormTextBox" size="30"
                    required="true" requiredMessage="#{uitkem.valueRequired}"
                    validatorMessage="#{prod.firstNameValidator}">
                    <f:validateLength maximum="#{prodConf.MaxLengthForFirstName}"
                        minimum="#{prodConf.MinLengthForFirstName}" />
                    <f:validator validatorId="trimSpaces" />
                </h:inputText>
            </h:panelGrid>

假设验证失败，我需要高亮显示行标签和文本框

如果验证失败，我可以使用以下代码高亮显示文本框。但是我想高亮显示整行，这是不可能使用以下代码的

    <h:inputText value="#{editUserProfileBean.firstName}" required="true" styleClass="#{not component.valid ? 'newStyleClass' : ''}" />

有人能帮我吗

---

提前感谢。

您可以用jQuery编写一个小的JS脚本，或者使用它