Vaadin：在提交时突出显示带有错误消息的空组件

问：

我有一个关于vaadin框架如何与.我发现，当用户聚焦组件字段然后退出它时，会出现错误消息。这是我的 .setRequired(true)Dialog

    private final TextField nameField = new TextField("Expense Name");
    private final TextArea descriptionField = new TextArea("Description");
    private final NumberField amountField = new NumberField("Amount");
    private final ComboBox<String> intervalField = new ComboBox<>("Interval");
    private final ComboBox<String> categoryField = new ComboBox<>("Category");
    private final DatePicker dateField = new DatePicker("Date");

    private final Component[] requiredComponents = {nameField, amountField, categoryField, intervalField};

    //...

    private List<Component> getListOfEmptyComponents() {
        return Arrays.stream(requiredComponents)
                .filter(component -> component instanceof HasValue<?, ?> && ((HasValue<?, ?>) component).isEmpty())
                .collect(Collectors.toList());
    }

    private void setupRequiredComponents() {
        Arrays.stream(requiredComponents).forEach(c -> {
            ((HasValue<?, ?>) c).setRequiredIndicatorVisible(true);
            ((HasValidationProperties) c).setErrorMessage("Please fill this field");
        });
    }

我希望，在用户按下“保存”按钮后，所有空的必填字段都像下面的屏幕截图一样。

这些错误消息是在我单击（聚焦）该字段并离开该字段后获得的，并且组件具有 ，但我希望它们在用户单击“保存”按钮后可见。如果不添加自己的错误消息并设置它们的样式，这可能吗？任何帮助都会很棒！setRequiredIndicatorVisible(true);