如何将 <h:message> 移到表单之外？

Question

我有一个表格，我想验证该电子邮件是否已存在于数据库中。我使用此代码：

<h:panelGroup id="messagePanel" layout="block">
  <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
</h:panelGroup>
<h:form>
  <h:panelGrid columns="2" class="form">
     <h:outputLabel value="#{bundle.CreateAdUserLabel_email}" for="email" />

     <h:inputText id="email" value="#{adUserController.selected.email}" 
                   title="#{bundle.EditAdUserTitle_email}" >
          <f:validator validatorId="emailVerification" />
          <f:ajax event="keydown" render="m_email" />
     </h:inputText>
     <h:message id="m_email" for="email" />
</h:form>

但我想在#messagePanel 中显示错误消息。我尝试将#m_email 移到顶部，但它无法识别它。

Answer 1

将消息面板放在表单中。

<h:form>
 <h:panelGroup id="messagePanel" layout="block">
    <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
 </h:panelGroup>
 <h:panelGrid columns="2" class="form">
 <h:outputLabel value="#{bundle.CreateAdUserLabel_email}" for="email" />

 <h:inputText id="email" value="#{adUserController.selected.email}" 
               title="#{bundle.EditAdUserTitle_email}" >
      <f:validator validatorId="emailVerification" />
      <f:ajax event="keydown" render="m_email" />
 </h:inputText>
 <h:message id="m_email" for="email" />
</h:form>