如何实现两个h:selectOneMenu组件的至少选一个验证？

当然可以实现，而且完全不用依赖JavaScript！JSF本身的服务器端验证机制就能完美搞定这个需求，下面给你两种实用的实现方式，根据你的场景选就行：

方法一：自定义验证器（适合需要复用验证逻辑的场景） #

这种方式把验证逻辑封装成独立的验证器，以后其他页面需要类似规则时直接复用就行。

1. 编写自定义验证器类 #

创建一个实现javax.faces.validator.Validator接口的类，在validate方法里检查两个下拉框的值是否都为空：

@FacesValidator("atLeastOneSelectValidator")
public class AtLeastOneSelectValidator implements Validator {

    @Override
    public void validate(FacesContext context, UIComponent component, Object value) throws ValidatorException {
        // 获取另一个下拉框的组件引用
        UIComponent otherSelect = (UIComponent) component.getAttributes().get("otherSelect");
        Object otherValue = ((UIInput) otherSelect).getValue();

        // 校验两个下拉框是否都未选择有效选项
        boolean isFirstEmpty = (value == null || value.toString().trim().isEmpty());
        boolean isSecondEmpty = (otherValue == null || otherValue.toString().trim().isEmpty());
        
        if (isFirstEmpty && isSecondEmpty) {
            throw new ValidatorException(new FacesMessage(
                FacesMessage.SEVERITY_ERROR, 
                "验证失败", 
                "至少需要选择一个下拉框的选项"
            ));
        }
    }
}

2. 页面中绑定验证器 #

在其中一个下拉框上添加验证器，并通过f:attribute传递另一个下拉框的引用：

<h:form id="myForm">
    <h:selectOneMenu id="select1" value="#{myBean.value1}">
        <f:selectItem itemLabel="请选择" itemValue="" /> <!-- 默认空选项 -->
        <f:selectItems value="#{myBean.optionsList1}" />
        <!-- 绑定自定义验证器 -->
        <f:validator validatorId="atLeastOneSelectValidator" />
        <!-- 传递第二个下拉框的组件引用 -->
        <f:attribute name="otherSelect" value="#{myForm.select2}" />
    </h:selectOneMenu>

    <h:selectOneMenu id="select2" value="#{myBean.value2}">
        <f:selectItem itemLabel="请选择" itemValue="" />
        <f:selectItems value="#{myBean.optionsList2}" />
    </h:selectOneMenu>

    <h:commandButton value="提交" action="#{myBean.handleSubmit}" />
    <!-- 显示验证提示信息 -->
    <h:messages globalOnly="false" style="color:red;" />
</h:form>

方法二：在Bean的提交方法中直接校验（适合简单场景，无需复用） #

如果这个验证逻辑只在当前页面使用，直接在Bean的提交方法里做检查更简单：

1. Bean中的提交方法 #

@ManagedBean
@ViewScoped
public class MyBean {
    private String value1; // 对应第一个下拉框的值
    private String value2; // 对应第二个下拉框的值

    public String handleSubmit() {
        // 检查两个下拉框是否都为空
        boolean isBothEmpty = (value1 == null || value1.trim().isEmpty()) 
                            && (value2 == null || value2.trim().isEmpty());
        
        if (isBothEmpty) {
            // 添加错误提示消息
            FacesContext.getCurrentInstance().addMessage(null, 
                new FacesMessage(FacesMessage.SEVERITY_ERROR, 
                    "操作失败", 
                    "至少需要选择一个下拉框选项"));
            return null; // 停留在当前页面，不执行后续业务逻辑
        }

        // 到这里说明至少选了一个，执行你的业务方法
        doYourBusinessLogic();
        return "successPage"; // 跳转到成功页面
    }

    // 业务逻辑方法示例
    private void doYourBusinessLogic() {
        // 这里写你的业务代码
    }

    // 省略getter和setter方法
}

2. 页面代码 #

页面不需要额外验证配置，只需要保留表单、下拉框、提交按钮和消息组件：

<h:form>
    <h:selectOneMenu value="#{myBean.value1}">
        <f:selectItem itemLabel="请选择" itemValue="" />
        <f:selectItems value="#{myBean.optionsList1}" />
    </h:selectOneMenu>

    <h:selectOneMenu value="#{myBean.value2}">
        <f:selectItem itemLabel="请选择" itemValue="" />
        <f:selectItems value="#{myBean.optionsList2}" />
    </h:selectOneMenu>

    <h:commandButton value="提交" action="#{myBean.handleSubmit}" />
    <h:messages style="color:red;" />
</h:form>

补充说明 #

这两种方法都是服务器端验证，比纯JavaScript验证更安全（客户端验证可以被绕过，服务器端验证是业务安全的最后防线）。如果需要客户端即时提示（比如用户点击提交前就显示提示），可以结合JS，但你的需求是提交时验证，所以服务器端方案完全够用。

内容的提问来源于stack exchange，提问作者abbr