javascript - 如何在 UI5 中使用 Input 的约束属性？

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 的 error handling capabilities如果输入的条目无效，则提醒用户。

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

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

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