如何防止在Ext文本字段中输入小数和负数-- Extjs

Ext.create('Ext.form.Panel', {
    title: 'My Form',
    items: [{
        xtype: 'textfield',
        fieldLabel: '整数字段',
        name: 'integerField',
        allowDecimals: false, // 禁止输入小数
        allowNegative: false, // 禁止输入负数
        validator: function(value) {
            if (Ext.isEmpty(value) || /^[1-9]\d*$/.test(value)) {
                return true;
            }
            return '请输入有效的整数';
        }
    }]
});

Ext.create('Ext.form.Panel', {
    title: 'My Form',
    items: [{
        xtype: 'textfield',
        fieldLabel: '整数字段',
        name: 'integerField',
        listeners: {
            change: function(field, newValue, oldValue) {
                if (!Ext.isEmpty(newValue)) {
                    var intValue = parseInt(newValue);
                    if (isNaN(intValue) || intValue.toString() !== newValue) {
                        field.setValue(oldValue); // 恢复为旧值
                    }
                }
            }
        }
    }]
});