java - 如何验证 vaadin 制作的表单中的字段

Question

我正在使用 vaadin 制作一个 Java 项目。现在我有一个用户注册表单，如下所示:

public class RegistrationComponent extends CustomComponent implements View {

    public static final String VIEW_NAME = "Registration";
    public RegistrationComponent(){
        Panel panel = new Panel("Registration Form");
        panel.setSizeUndefined();
        FormLayout content = new FormLayout();
        CheckBox checkBox1, checkBox2, checkBox3;
        checkBox1 = new CheckBox("Check Box 1");
        checkBox2 = new CheckBox("Check Box 2");
        checkBox3 = new CheckBox("Check Box 3");
        checkBox1.setRequired(true);
        checkBox2.setRequired(true);
        TextField mailTextField = new TextField("Email Address");
        TextField passwordTextField = new TextField("Password");
        TextField confirmPasswordTextField = new TextField("Confirm Password");
        final Button submitButton = new Button("Submit");
        content.addComponent(mailTextField);
        content.addComponent(passwordTextField);
        content.addComponent(confirmPasswordTextField);
        content.addComponent(checkBox1);
        content.addComponent(checkBox2);
        content.addComponent(checkBox3);
        content.addComponent(submitButton);
        content.setSizeUndefined(); // Shrink to fit
        content.setMargin(true);
        panel.setContent(content);
        setCompositionRoot(panel);



        //listeners:

        submitButton.addClickListener(new Button.ClickListener() {
            public void buttonClick(Button.ClickEvent event) {
                //
            }
        });

    }
    @Override
    public void enter(ViewChangeListener.ViewChangeEvent event){
        //
    }
}

当然，表单除了显示之外不会做任何事情。我想做的是，如果不满足某些要求，则让 Vaadin 在字段旁边显示错误消息。要求本身并不那么重要(假设我希望电子邮件字段至少包含 8 个字符)。我想知道的是:有没有简单的内置方法可以做到这一点？我到过这里: https://vaadin.com/api/com/vaadin/data/Validator.html

但我不明白如何使用 validator ，或者即使这就是我想使用的。我一直在谷歌上寻找使用示例，但到目前为止没有成功。感谢您的帮助!

Answer 1

瓦丁7

以下内容适用于 Vaadin 7。 validate() 方法已在 Vaadin 8 中删除。

Vaadin 中的所有字段类型都实现 Validatable 接口(interface)，该接口(interface)具有接受 Validator 实现作为参数的 addValidator 方法。

因此，要添加一个 validator 来检查 TextField 值的长度，您可以这样做:

TextField textField = new TextField();

        textField.addValidator(

                new StringLengthValidator(
                     "Must be between 2 and 10 characters in length", 2, 10, false));

Vaadin 字段具有向用户显示验证错误的内置功能。默认情况下，该字段将以红色突出显示，并且该字段旁边会出现一个感叹号，将鼠标悬停在该字段上将向用户显示更详细的消息。

自动验证

默认情况下，该字段现在将在下一个服务器请求时验证，该请求包含向服务器发送的字段的更改值。如果字段设置为“立即”，则当字段失去焦点时会发生这种情况。如果该字段不是即时的，则当某些其他 UI 操作触发返回服务器的请求时，将进行验证。

显式验证

有时，您可能希望对何时进行验证以及何时向用户显示验证错误进行更多控制。可以通过将 validationVisible 设置为 false 来禁用自动验证。

textField.setValidationVisible(false);

当您准备好验证字段时(例如在按钮单击监听器中)，您可以显式调用 validate (如果是，您也可以使用 commit() TextField 实例上的缓冲字段)方法来触发验证。如果值无效，validate 将抛出 InvalidValueException。如果您想使用 TextField 组件中包含的验证错误的内置显示，您还必须将 validationVisible 设置回 true。

try {
    textField.validate();
} catch (Validator.InvalidValueException ex) {
    textField.setValidationVisible(true);
    Notification.show("Invalid value!");
}

请注意，一旦validationVisbible设置回 true，验证将隐式发生，因此如果您想保持对验证的显式控制，则必须记住在下一个请求时将其设置回 false。

验证消息

可以从调用 validate() 或 commit() 时抛出的 Validator.InvalidValueException 实例中提取单独的验证消息。

try {
    textField.validate();
} catch (Validator.InvalidValueException ex) {
    for (Validator.InvalidValueException cause: ex.getCauses()) {
        System.err.println(cause.getMessage());
    }
}

validator

validator 实现 validator 接口(interface)，Vaadin 附带了几个有用的 validator 。查看 API 文档以获取有关这些的更多信息:https://vaadin.com/api/7.4.5/com/vaadin/data/Validator.html

自定义 validator 很容易实现，以下是取自Book of Vaadin的示例:

class MyValidator implements Validator {
    @Override
    public void validate(Object value)
            throws InvalidValueException {
        if (!(value instanceof String &&
                ((String)value).equals("hello")))
            throw new InvalidValueException("You're impolite");
    }
}


final TextField field = new TextField("Say hello");
field.addValidator(new MyValidator());
field.setImmediate(true);
layout.addComponent(field);