限制在數字字段中的輸入

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您只需將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'} 
}