转自:https://blog.csdn.net/inflaRunAs/article/details/84033618
<mce:script type="text/javascript"><!--
/*
Ext.form.NumberField独有配置表:
allowDecimals Boolean 是否允许输入小数(默认true)
allowNegative Boolean 是否允许输入负数(默认true)
baseChars String 输入有效数字集合,默认为'0123456789'
decimalPrecision Number 输入数字精度(默认保留小数点后2位)
decimalSeparator String 十进制分隔符(默认'.')
maxValue Number 允许输入最大数值
maxText String 最大值验证失败错误提示信息
minValue Number 允许输入最小值
minText String 最小值验证失败错误提示信息
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>