<div id="msgid">
        <p:dataList id="msg" value="#{backingBean.errorMsgList}"
                             var="error"
                             emptyMessage=" "
                             styleClass = "listClass"
                             type="definition">
                             <p:graphicImage name="#{error.errorType.toString()}" width="20px" height="20px"/>
                             <p:outputLabel value=" #{error.errorMsg}" class="errorMsglabel"
                             style="font-size:17px;" >
                                <f:convertDateTime pattern="MM/dd/yyyy" />
                             </p:outputLabel>
        </p:dataList>
</div>

<p:inputText value="#{search.criteria.form.cn}" size="11" maxlength="11" id="cn" onkeyup="updateErrMsgs()"/>

function updateErrMsgs(){
    $("#msgid").hide().fadeIn('fast');
    $("#mainform\:msg").hide().fadeIn('fast');
    $("#msgid").toggle().toggle();
    $("#mainform\:msg").toggle().toggle();
    $("#msgid").load("/ui/tags/errorlist.xhtml #msgid");
    $("#msgid").load("search.xhtml #msgid");
}

<p:inputText value="#{search.criteria.form.ai}" size="18" maxlength="12" id="ai">
    <p:ajax event="keyup" update="mainform:msg"/>
</p:inputText>