如何在 UI5 中为输入使用约束属性？

Question

我试图限制用户只能输入数字。也许我可以使用正则表达式来做到这一点，但我不知道确切的语法。我不想要小数或特殊字符。

<Input type="Number"
value="{
    type : 'sap.ui.model.type.Number',
    constraints : {
        minLength: 1,
        maxLength: 15,
        validate: ...
    }
}" />

Answer 1

sap.ui.model.type.Number 不存在，但Integer和Float存在。

<Input 
    type="Number"
    value="{
        path: '/number',
        type: 'sap.ui.model.type.Integer',
        formatOptions: {
            groupingEnabled: false,
            groupingSeparator: ',',
            decimalSeparator: '.'
        },
        constraints : {
            minimum: '0',
            maximum: '99'
        }
}" />

我认为整数类型正是您所需要的。只有整数有效，默认情况下没有分组、小数或其他字符。如果输入了无效条目，您可以使用 SAPUI5 的错误处理功能来提醒用户。

如果要防止输入无效字符，可以使用屏蔽输入控件。例如：

<MaskInput 
    mask = "999999" 
    placeholderSymbol = "_" 
    placeholder = "Enter a six digit number"/>

但是，就我个人而言，我觉得它们对于常规号码来说有点难看。掩码输入控件实际上用于遵循特定模式的输入值，例如信用卡号或邮政编码。