[英]JSF ajax validation vs “normal” validation
我有这个小形式,并试图理解在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:validateLength
标签的f:ajax
标签来验证这两个字段? 我的理解是ajax执行渲染响应阶段的所有生命周期阶段,即它包括验证。 无论是否来自ajax请求或常规提交/操作请求,验证阶段是否都不会重新呈现带有消息的页面? 如果我删除附加到输入字段的ajax标记,则验证消息不会显示,但如果我完全删除ajax并且只使用commandButtons动作事件使用常规提交,它们就会显示。
谢谢,艾伦
这是因为在正常的请求处理中,向服务器提交值的唯一方法是(通过任何客户端脚本处理)是通过发送整个表单。 删除所有<f:ajax>
时会发生这种情况。 只有输入输入字段才能从服务器(在本例中为验证消息)获得响应。
当您从组件firstName
和lastName
删除<f:ajax>
并且只将最后一个与<h:commandButton>
一起保留时,就像它说它将执行firstName
和lastName
,对这些字段进行服务器端验证,但结果它将呈现只:greeting
组件。 要解决此问题,您可以添加到<h:commandButton>
:
<f:ajax execute="firstName lastName" render=":greeting firstNameMsg lastNameMsg"/>
但现在这些消息只会在您提交表单时显示,而不是在输入字段中键入键时显示。
要获得一些摘要:使用AJAX,您必须准确指定在发送请求后必须呈现哪些组件(及其所有子组件)。
顺便说一句,在输入字段中为用户输入的每个键发送服务器请求不是一个好主意。 更好地使用JavaScript或其他客户端技术来执行此操作,并且在服务器上仅验证整个最终值。
我希望我的解释会对你有所帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.