焦點丟失后使用ajax觸發JSF驗證

Question

當組件使用ajax失去焦點而不是等待手動提交表單時，如何在輸入組件上觸發驗證？

Answer 1

在UIInput組件中放置<f:ajax event="blur"> ，該組件重新呈現與相關組件關聯的<h:message> 。

<h:inputText id="foo" value="#{bean.foo}" required="true">
    <f:ajax event="blur" render="fooMessage" />
</h:inputText>
<h:message id="fooMessage" />

另請參閱使用Eclipse和Tomcat的JSF 2.0教程 - 視圖和微調驗證

Answer 2

試試這段代碼：

<h:inputText value="#{bean.value}" valueChangeListener="#{bean.validateValue}">
    <f:ajax event="blur" render="valueError"/>
</h:inputText>

<h:outputText id="valueError" value="#{bean.valueErrorMessage}" style="color: red;" />

如果用戶更改了輸入組件中的值，則可以使用valueChangeListener對其進行驗證。 如果用戶然后移動到另一個輸入組件，則將呈現ouputText組件。 如果驗證失敗，您可以在那里顯示一條消息。