如何自定义 Primefaces 的 Growl 所需的验证消息

Question

在 JSF 2.0 中，我如何覆盖所需的消息？我正在使用 Primefaces。这是我的代码：

<h:body>
    <p:growl id="growl" showDetail="true"/>
    <h:panelGroup layout="block" styleClass="login-div">
        <h:form id="login">
            <p:panel header="Login">
                <h:panelGrid columns="2">
                    <p:outputLabel for="username" value="Username" />
                    <p:inputText id="username" value="#{authController.username}"
                        autocomplete="off" required="true"
                        requiredMessage="Username is required" />
                    <p:outputLabel for="password" value="Password" />
                    <p:password id="password" value="#{authController.password}"
                        autocomplete="off" required="true"
                        requiredMessage="Password is required" />
                </h:panelGrid>
                <p:commandButton id="submit" value="Login"
                    actionListener="#{authController.login}" update=":growl" />
            </p:panel>          
        </h:form>
    </h:panelGroup>
    <p:ajaxStatus styleClass="ajaxLodingStatus">
        <f:facet name="start">
            <p:graphicImage value="/resources/images/loading.gif" />
        </f:facet>
        <f:facet name="complete">
            <p:outputLabel value="" />
        </f:facet>
    </p:ajaxStatus>
</h:body>

现在Growl 显示：“需要用户名”作为摘要和详细信息FacesMessage。密码字段也是如此。

现在从命令按钮的actionListener 以我想要的方式显示登录尝试失败时：

getFacesContext().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_WARN, "Login Error", "Invalid Credential"));

但我想显示“无效输入”作为摘要，“需要用户名”作为详细信息。

如果我从后端验证这两个输入字段并将FacesMessage 添加为：

if(username == null || username.trim().length() == 0) {
    getFacesContext().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_ERROR, "Invalid input", "Username is required."));
}

它显示了我的需要。但是这样就不需要在输入组件中指定required="true"属性了。

但我想使用这个required 属性也想自定义FacesMessage 在Growl 中的显示方式。我该怎么做？

---

更新：

这是我的支持 bean：

@ManagedBean(name = "authController")
@ViewScoped
public class AuthController extends BaseWebController implements Serializable {

    private static final long serialVersionUID = 2894837128903597901L;

    private String username;
    private String password;

    public AuthController() {
        super();
    }

    public void login(ActionEvent event) {
        getFacesContext().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_WARN, "Login Error", "Invalid Credential"));
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }
}

目前actionaListener 仅在有一些输入时才会触发。否则，当字段为空白时，Growl 会显示：

点击登录按钮后：

如show-case所示

我想要的是，当输入的用户名无法按要求验证时，Growl 将显示：

• 总结：输入无效。
• 详细信息：用户名是必填项。

对于输入密码：

• 总结：输入无效。
• 详细信息：需要密码。

我怎样才能做到这一点？有可能吗？

Answer 1

我找到了解决办法：

我需要自定义验证错误消息。

我已经创建了messages.properties 文件，我在其中写了：

javax.faces.component.UIInput.REQUIRED=Invalid input.
javax.faces.component.UIInput.REQUIRED_detail={0} is required.

并在 faces-config 中注册为：

com.edfx.adb.common.properties.messages

我得到了这个：

我还从输入组件中删除了requiredMessage 属性。

一些有用的链接：

• 另一个SO thread。
• JSF 2 messages.properties
• Customize validation error message in JSF 2.0

Answer 2

requiredMessages 显示在p:message 元素中。如果您想显示咆哮消息，您已经找到了答案。

要了解如何使用p:message，请参阅PrimeFaces showcase