在数字字段中限制输入

Question

只有当我开始输入字段时，如何才能使我的数字字段限制为5位数？

我使用了Ext Js 3.4

这是我到目前为止所尝试的：

var items = [
    {
        xtype: 'numberfield',
        name: 'fax',
        fieldLabel: 'Fax no',
        allowBlank: false,
        anchor: '90%',
        maxLength: 5
    }
]

由于

Answer 1

请参阅maxLength的文档：

  

验证允许的最大输入字段长度

这意味着，您可以输入5位以上的数字，但在这种情况下该字段将被标记为无效。

此外：

  

限制可输入的最大字符数   该字段使用autoCreate将您想要的任何属性添加到字段

这意味着，通过使用autoCreate，您只需将HTML属性maxlength添加到字段的基础输入元素中：

{
    xtype: 'numberfield',
    name: 'fax',
    fieldLabel: 'Fax no',
    allowBlank: false,
    anchor: '90%',
    maxLength: 5,
    // set maxlength to 5 on input field
    autoCreate: {tag: 'input', type: 'text', size: '20', autocomplete: 'off', maxlength: '5'}
}