带有PrimeFaces的输入文本的图像

Question

我打算把一个图像旁边的InputText像一个"*"改变为绿色(另一个图像)时，有效的东西在InputText中键入。我怎样才能把一个图像与输入文本?

Answer 1

如果您只想添加一个"*"，则只需添加

<h:panelGroup styleClass="#{myBean.valid?'geen':'red'}">*</h:panelGroup>

Answer 2

您也可以使用ajax实现交互:

<h:form>
    <h:inputText value="#{userBean.name}">
        <a4j:ajax event="keyup" render="out1,out2" />
    </h:inputText>
    <!-- For a textual * -->
    <h:outputText value="*" styleClass="#{userBean.valid?'green':'red'}" id="out1" />
    <!-- For an image -->
    <h:graphicImage value="#{userBean.valid?'/img/valid.png':'/img/notvalid.png}" id="out2"/>
</h:form>

抱歉使用RichFaces标签a4j:ajax，我想在Primefaces中有一个等效的标签。

认为,