如何向输入字段添加验证？

Question

刚刚学习 SAP UI5，我有一个简单的输入字段，如下所示：

应用程序.xml

<Input
    placeholder="Please enter 10 digit number"
    value=""
/Input>

我试图了解如何在输入字段上添加验证以执行以下操作：

- 接受 10 位或更多的数字

到目前为止，据我所知，这可以通过以下方式设置：

<Input value=”{

    path : ‘/userName’,
    type : ‘sap.ui.model.type.Integer’,
    constraints : {
        minLength : 10
    }
}

我感到困惑的地方：

输入字段旨在充当搜索栏，因此我不需要在必须配置路径的地方引入数据绑定（搜索栏不应具有初始值）。 有人可以向我解释如何在不设置“路径”的情况下添加验证？

Answer 1

如果您检查Input的文档，您将看到该控件具有事件liveChange 。 此外，您还可以使用验证器向用户提供即时反馈。

让我们看一个例子。

查看：

<Input liveChange = "onLiveChange" />

控制器：

onLiveChange(oEvent) {
    let newValue = oEvent.getParameter("newValue");

    //you can also use None, or just remove this line
    this.setValueState(sap.ui.core.ValueState.Success); 

    if(/* your error condition */)
        this.setValueState(sap.ui.core.ValueState.Error);
    }
}

当“你的条件”为真时，整个输入将改变其边框。

无论如何，如果您想使用模型，您可以尝试创建一个本地 JSON 模型，并尝试将其绑定到具有约束的输入。 但在这种情况下，我会选择第一个解决方案。