java - jsf requiredMessage css

Question

我想将样式应用于我的验证消息，因为目前它们默认为红色，并在页面左下角应用。例如，当用户输入一个空的用户名字段时，会出现“需要用户名”的消息，但它前面有一个元素符号，而且它是红色的。我的一些输入字段也有自定义 validator 。

<h:panelGrid class="grid" columns="2" id="regPanel">
        <h:form>

            <h:outputLabel class="outputLabel" value="Username"/>
            <h:inputText class="inputText" id="userNameInputText"
                         value="#{regBean.userName}" required="true"
                         requiredMessage="Username is required"  >

            </h:inputText>  .... more form inputs with required fields

        </h:form>

    </h:panelGrid>

Answer 1

首先，您必须将 h:messages 或 h:message 标记放在您希望呈现消息的 View 中。使用 h:messages，页面的所有消息都呈现在中央列表中。使用 h:message，您可以只渲染连接到一个组件的消息，如下所示:

<h:inputText id="long" value="#{bean.longValue}"/>
<h:message for="long"/>

可以使用 h:messages 和 h:message 上的各种属性更改样式。有一些属性可以直接设置样式或为每个消息严重性(信息、警告、错误、致命)设置一个样式类。样式可以这样设置:

<h:message for="long" warnStyle="color: green" infoStyle="color: blue"
    errorClass="errorMsg" fatalClass="fatalMsg"/>

样式类的“重用”没有标准的方法。您必须将它们不加修改地放在每个标签上。但是有几种方法可以实现这一点:

1. 为具有默认样式的消息构建复合组件
2. 替换消息组件的渲染器以支持默认样式
3. 使用像 PrimeFaces 这样的组件库