焦点丢失后使用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组件。 如果验证失败，您可以在那里显示一条消息。