如何將連字符限制爲extjs號碼字段？

Question

目前extjs numberfield允許' - '連字符而不是數字。如何限制輸入？如果我給自定義vtype驗證它只檢查後，我提交。

Answer 1

使用autoStripChars並從initComponent中允許刪除連字符。正確的代碼如下。

autoStripChars: true, 
initComponent: function() { 
    var me = this, 
     allowed; 

    me.callParent(); 

    me.setMinValue(me.minValue); 
    me.setMaxValue(me.maxValue); 

    // Build regexes for masking and stripping based on the configured options 
    if (me.disableKeyFilter !== true) { 
     allowed = me.baseChars + ''; 
     if (me.allowDecimals) { 
      allowed += me.decimalSeparator; 
     } 
/* removed code 
    if (me.minValue < 0) { 
      allowed += '-'; 
     } 
*/ 
     allowed = Ext.String.escapeRegex(allowed); 
     me.maskRe = new RegExp('[' + allowed + ']'); 
     if (me.autoStripChars) { 
      me.stripCharsRe = new RegExp('[^' + allowed + ']', 'gi'); 
     } 
    } 
} 

Answer 2

您需要創建自定義VType。由Vtype驗證的文本框更改之後調用，您必須配置允許輸入哪些字符能力：

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.field.VTypes

在xxxMask財產看看。

Answer 3

您也可以使用帶有maskRe config的常規Textfield。

maskRe: /[0-9]/ 

Answer 4

與@ lagnat的回覆類似，這是一個白名單，您可以使用stripCharsRe config黑名單字符。

stripCharsRe: /-/ 

如果您想要限制負值。

minValue: 0 

Answer 5

{ 
    minValue: 0, 
    autoStripChars: true, 
    allowExponential: false 
}