Vaadin提交时高亮空必填组件并显示错误信息的实现

完全可以做到不用手动添加错误信息和样式，点击Save按钮时让所有空必填字段自动显示错误，Vaadin自带两种常用实现方式：

方式一：手动触发组件验证 #

在保存按钮的点击事件里，遍历所有必填组件，调用validate()方法即可触发内置验证，空字段会自动弹出你之前设置的错误提示：

saveButton.addClickListener(e -> {
    // 触发所有必填组件的验证
    Arrays.stream(requiredComponents).forEach(comp -> {
        if (comp instanceof HasValue<?, ?> hasValue) {
            hasValue.validate();
        }
    });

    // 验证通过再执行保存逻辑
    boolean isValid = Arrays.stream(requiredComponents)
            .allMatch(comp -> !(comp instanceof HasValue<?, ?>) || ((HasValue<?, ?>) comp).isValid());
    
    if (isValid) {
        // 执行保存操作
    }
});

方式二：用 Binder 统一管理表单验证（推荐） #

Vaadin的Binder是表单验证的标准方案，能统一处理所有字段的验证规则，点击保存时一键触发全表单验证，错误信息自动显示：

步骤1：创建实体类并绑定字段 #

先定义一个对应表单的实体（比如Expense），然后用Binder绑定字段并设置必填规则：

// 实体类示例
public class Expense {
    private String name;
    private Double amount;
    private String category;
    private String interval;
    
    // 省略getter、setter
}

// 在Dialog中初始化Binder
private final Binder<Expense> expenseBinder = new Binder<>(Expense.class);

private void initBinder() {
    // 绑定必填字段并设置错误提示
    expenseBinder.forField(nameField)
            .asRequired("Please fill this field")
            .bind(Expense::getName, Expense::setName);

    expenseBinder.forField(amountField)
            .asRequired("Please fill this field")
            .bind(Expense::getAmount, Expense::setAmount);

    expenseBinder.forField(categoryField)
            .asRequired("Please fill this field")
            .bind(Expense::getCategory, Expense::setCategory);

    expenseBinder.forField(intervalField)
            .asRequired("Please fill this field")
            .bind(Expense::getInterval, Expense::setInterval);
}

步骤2：保存按钮触发验证 #

saveButton.addClickListener(e -> {
    Expense expense = new Expense();
    // 尝试写入实体，验证失败自动显示错误
    expenseBinder.writeBeanIfValid(expense)
            .ifPresent(exp -> {
                // 验证通过，执行保存
            }, () -> {
                // 验证失败，错误已自动显示
            });
});

用Binder的优势在于可以轻松扩展其他验证规则（比如金额必须大于0），代码更整洁，也符合Vaadin的官方最佳实践。

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