styleClass не меняется при использовании jsf

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', но он остается прежним.Хотя, когда я распечатываю следующее на веб-странице -

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

, я вижу, что значение меняется с ложного на истинное.

Любая помощь будет высоко ценится.