Question

我正在研究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' : ''}" />

有人可以帮我吗？

提前致谢。

Answer 1

您可以使用jQuery编写一个小型JS脚本，或者使用<rich:jQuery>。

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

1 个答案: