Ext_数字输入框_Ext.form.NumberField 正则属性梳理

<mce:script type="text/javascript"><!--  
/* 
Ext.form.NumberField独有配置表: 

1. allowDecimals              Boolean             是否允许输入小数(默认true) 
2. allowNegative              Boolean              是否允许输入负数(默认true) 
3. baseChars                   String                  输入有效数字集合,默认为'0123456789' 
4. decimalPrecision         Number              输入数字精度(默认保留小数点后2位) 
5. decimalSeparator        String                 十进制分隔符(默认'.') 
6. maxValue                     Number             允许输入最大数值 
7. maxText                       String                 最大值验证失败错误提示信息 
8. minValue                      Number             允许输入最小值 
9. minText                        String                 最小值验证失败错误提示信息 
10. nanText                        String                 无效数据错误提示信息 

*/  
  
Ext.onReady(function(){  
    Ext.BLANK_IMAGE_URL = '../extjs2.0/resources/images/default/s.gif';  
      
    Ext.QuickTips.init();  
      
    Ext.form.Field.prototype.msgTarget = 'side';  
      
    var config = {  
        title:'Ext.form.NumberField示例',  
        labelSeparator:':',  
        labelWidth:80,  
        bodyStyle:'padding:5 5 5 5',  
        frame:true,  
        height:150,  
        width:250,  
        renderTo:'form',  
        items:[  
            new Ext.form.NumberField({  
                fieldLabel:'整数',  
                allowDecimals:false,               //不允许输入小数  
                nanText:'请输入有效整数',           //无效数字提示  
                allowNegative:false                //不允许输入负数  
            }),  
            new Ext.form.NumberField({  
                fieldLabel:'小数',  
                decimalPrecision:2,                 //精确到小数点后2位(执行4舍5入)  
                allowDecimals:true,                //允许输入小数  
                nanText:'请输入有效小数',  
                allowNegative:false  
            }),  
            new Ext.form.NumberField({  
                fieldLabel:'数字限制',  
                nanText:'请输入有效数字',  
                baseChars:'12345'                   //输入数字范围  
            }),  
            new Ext.form.NumberField({  
                fieldLabel:'数字限制',  
                maxValue:100,                       //最大值  
                maxText:'值太大',  
                minValue:50,                        //最小值  
                minText:'值太小'  
            })  
        ]  
    }  
      
    var form = new Ext.form.FormPanel(config);  
});  
// --></mce:script> 
--------------------- 
作者：lulu_jiang 
来源：CSDN 
原文：https://blog.csdn.net/lulu_jiang/article/details/5473200 
版权声明：本文为博主原创文章，转载请附上博文链接！