jsf 验证问题 - 对禁用的输入字段应用必填字段验证

Question

我在禁用字段上应用 required=true 验证时遇到问题。

我有一个 a4j:commandButton 和两个下拉菜单，其中包含表单内的州列表和国家/地区列表。两个下拉列表都应用了 required="true" 验证。默认情况下，使用标签属性disabled="true" 启用州下拉列表并禁用国家下拉列表，如下所示：

<h:selectOneMenu value="#{states}" required="true">
  <f:selectItems>
</h:selectOneMenu>

<h:selectOneMenu value="#{countries}" disabled="true" required="true">
  <f:selectItems>
</h:selectOneMenu>

场景#1： 单击 a4j:commandButton，而不选择状态下拉列表中的任何内容。 结果： 州下拉列表的必填字段验证错误，这是预期的

现在，单击单选按钮（表单外部）时，州下拉列表将被禁用，并且使用 jquery/javascript 启用国家下拉列表，如下所示：

$j('#stateDropdown').attr('disabled', 'disabled');
$j('#countryDropdown').removeAttr('disabled');

>场景# 2：单击 a4j:commandButton，而不在国家/地区下拉列表中选择任何内容。 结果：州和国家/地区下拉列表的必填字段验证错误。但是，预计只会出现国家/地区下拉列表的验证错误。

运行时 for 标签生成的 html 代码：

使用 jsf 标签属性禁用下拉列表： ...

使用 jquery 禁用下拉菜单： ...

有谁知道为什么 jsf 验证 jquery 禁用的字段？

Answer 1

JSF 基于服务器端的 JSF UIComponent 树进行验证，而不是像您期望的那样基于客户端的 HTML DOM 树。使用 jQuery，您只需更改客户端中的 HTML DOM 树，而无需通知 JSF 有关状态更改的信息，以便它可以在其组件树中反映它。

您必须使用 JSF 而不是 jQuery 来禁用/启用它。当您使用 Ajax4jsf 时，您可以使用 a4j:support 来实现此目的。

<h:selectOneMenu value="#{bean.state}" required="true">
    <f:selectItems value="#{bean.states}" />
    <a4j:support event="change" reRender="country" />
</h:selectOneMenu>
<h:selectOneMenu id="country" value="#{bean.country}" required="true" disabled="#{bean.countryDisabled}">
    <f:selectItems value="#{bean.countries}" />
</h:selectOneMenu>

在此示例中， 将在每次更改州下拉列表时重新呈现国家/地区下拉列表。国家/地区下拉列表又具有附加到布尔 bean 属性的 disabled 属性。您必须确保它根据当前选择的状态返回所需的结果。您可以在 getter 方法或状态下拉列表的 valueChangeListener 中执行此操作。