Question

我有这个小形式，并试图理解在JSF验证中使用ajax。这是表格。（支持bean只是一个带有两个变量firstName和lastName的简单bean。）

<h:form>
    <h:outputLabel for="firstName" value="First Name: " />
    <h:inputText id="firstName" value="#{userBean.firstName}">
        <f:validateLength minimum="5" />
        <f:ajax event="keyup" render="firstNameMsg" />
    </h:inputText>
    <h:message id="firstNameMsg" for="firstName" style="color: red" />
    <br />
    <h:outputLabel for="lastName" value="Last Name: " />
    <h:inputText id="lastName" value="#{userBean.lastName}">
        <f:validateLength minimum="5" />
        <f:ajax event="keyup" render="lastNameMsg" />
    </h:inputText>
    <h:message id="lastNameMsg" for="lastName" style="color: red" />
    <br />
    <h:commandButton value="Submit">
        <f:ajax execute="firstName lastName" render=":greeting" />
    </h:commandButton>
    <br />
</h:form>
<h:outputText id="greeting" value="#{userBean.greeting}" />

我有一个附加到我的按钮的ajax，它在提交时使用名字和姓氏呈现outputText标记，这很好。我的问题是为什么我需要使用f:ajax标记和 f:validateLength标记来验证这两个字段？我的理解是ajax执行渲染响应阶段之前的所有生命周期阶段，即它包括验证。无论是否来自ajax请求或常规提交/操作请求，验证阶段是否都不会重新呈现带有消息的页面？如果我删除附加到输入字段的ajax标记，则验证消息不会显示，但如果我完全删除ajax并使用commandButtons动作事件使用常规提交，则会执行这些操作。

谢谢，艾伦

Answer 1

这是因为在正常的请求处理中，向服务器提交值的唯一方法是（通过任何客户端脚本处理）是通过发送整个表单。当您删除所有<f:ajax>时会发生这种情况。只有输入输入字段，才有可能从服务器（在本例中为验证消息）获得响应。

当你从<f:ajax>和firstName组件中删除lastName时，只留下<h:commandButton>的最后一个，然后按照它说的那样执行firstName lastName，对这些字段进行服务器端验证，但结果只会呈现:greeting组件。要解决此问题，您可以添加到<h:commandButton>这个：

<f:ajax execute="firstName lastName" render=":greeting firstNameMsg lastNameMsg"/>

但现在这些消息只会在您提交表单时显示，而不是在输入字段中键入键时显示。

要获得一些摘要：使用AJAX，您必须准确指定在发送请求后必须呈现哪些组件（及其所有子组件）。

顺便说一下，在输入字段中为用户输入的每个键发送服务器请求不是一个好主意。更好地使用JavaScript或其他客户端技术来执行此操作，并且在服务器上仅验证整个最终值。

我希望我的解释会对你有帮助。

JSF ajax验证与“正常”验证

1 个答案: