使用jsf时styleClass不变

Question

我是JSF的新手，正在尝试在提交时不选择任何选择的情况下更改输入单选按钮的CSS。为此，我有以下代码

<h:panelGroup styleClass="#{not empty  facesContext.getMessageList(''.concat(cc.clientId).concat(':incomeRangeRadio')) ? 'form-group--invalid' : 'form-group'}" layout="block">

    <legend class="radio__legend">
        <h:message id="incomeRangeRadioError" for="incomeRangeRadio" escape="false" errorClass="error" />
    </legend>

    <h:selectOneRadio id="incomeRangeRadio"
               requiredMessage="#{msgs.selectThisField}"
               valueChangeListener="#{vetoBean.handleIncomeRangeChanged}"
               required="true">
        <f:selectItem itemValue="vetoLowIncomeRange"
               itemLabel="#{literal.vetoLowIncomeRange}" escape="false" />
        <f:selectItem itemValue="vetoMediumIncomeRange"
               itemLabel="#{literal.vetoMediumIncomeRange}" escape="false" />
        <f:selectItem itemValue="vetoHighIncomeRange"
               itemLabel="#{literal.vetoHighIncomeRange}" escape="false" />
        <f:ajax execute="@this" render="incomeRangeAction" />
     </h:selectOneRadio>

</h:panelGroup>

因此，当我不选择任何值时，类应从“ form-group”更改为“ form-group--invalid”，但它仍然是前者。虽然当我在网页上打印Followin时-

<p>x#{not empty  facesContext.getMessageList(''.concat(cc.clientId).concat(':incomeRangeRadio'))}x</p>

我确实看到值从false变为true。

任何帮助将不胜感激。