JSF / PrimeFaces - 如何显示自定义验证器的消息，但不显示同一组件上的必需验证

Posted 2021-03-30

我有一个使用PrimeFaces的JSF2实现。我使用的是<p:selectOneRadio />组件。当用户在无线电组件中选择“否”时，我想显示自定义消息。我已经为此创建了一个自定义验证器，并且与消息组件一起工作正常。但是，该组件也是必需的。我不希望所需组件的“值是必需的”验证错误显示在消息组件中。在这种情况下，我只希望突出显示字段和标签。

因此，问题是：如何指定给定的<p:message />组件仅显示来自我的自定义验证器的错误，而不是来自所需验证器的错误？

几年前我看到一个类似问题的答案说，你可以将消息for属性设置为一个实际上不存在的组件，并通过FacesContext将消息添加到该组件。如：<p:message for="fooMsg" /> ... FacesContext.getCurrentInstance().addMessage("fooMsg",msg)

但是，这似乎不起作用。 JSF抛出一个错误，它无法找到组件“fooMsg”。

这是我目前的代码。

零件：

<p:outputLabel for="foo" id="foolbl"
    value="Some label text." />
<br />
<p:message for="foo" />
<p:selectOneRadio id="foo" layout="pageDirection"
    widgetVar="fooVar" required="true">
<f:selectItem itemLabel="Yes" itemValue="Yes" />
<f:selectItem itemLabel="No" itemValue="No" />
<p:ajax update="@this foolbl" process="@this" />
<f:validator validatorId="FooValidator" />
</p:selectOneRadio>

验证器：

@FacesValidator("FooValidator")
public class FooValidator implements Validator {

    @Override
    public void validate(FacesContext context, UIComponent component, Object value) throws ValidatorException {

        if (value != null) {
            String sValue = (String) value;
            if (sValue.trim().equalsIgnoreCase("No")) {
                FacesMessage msg = new FacesMessage("Summary",
                        "Detail");
                msg.setSeverity(FacesMessage.SEVERITY_ERROR);

                throw new ValidatorException(msg);
            }
        }
    }

}

答案

首先，这是默认的JSF行为。要解决您的问题，您可以使用jQuery检查是否没有选择单选按钮并在这种情况下隐藏消息，例如：

<h:form id="form">
    <p:outputLabel for="foo" id="foolbl" value="Some label text." />
    <br />
    <p:message id="foomsg" for="foo" />
    <p:selectOneRadio id="foo" layout="pageDirection" widgetVar="fooVar"
        required="true">
        <f:selectItem itemLabel="Yes" itemValue="Yes" />
        <f:selectItem itemLabel="No" itemValue="No" />
        <p:ajax process="@this" update="@this foolbl foomsg" />
        <f:validator validatorId="FooValidator" />
    </p:selectOneRadio>

    <p:commandButton process="@this foo" update="foo foolbl foomsg"
        oncomplete="if( !PF('fooVar').checkedRadio.length ) $('#form\:foomsg').hide();" />
</h:form>

看看commandButton的oncomplete属性。