NumberBox(数值输入框)

扩展自$.fn.validatebox.defaults。使用$.fn.numberbox.defaults重写默认值对象。


数值输入框是用来限制用户只能输入数值型数据的。他可以转换一个输入的元素到其他类型,比如:数字、百分比、货币等。更多的输入类型定义依赖于'formatter'和'parser'函数。



•   textbox

使用标签创建数值输入框。

                
        

使用Javascript创建数值输入框。

                
        
                $('#nn').numberbox({
                    min:0,
                    precision:2
                });
        

数值输入框的属性扩展自validatebox(验证框),数值输入框新增的属性如下:

属性名 属性值类型 描述 默认值
disabled boolean 是否禁用该字段。 FALSE
value number 默认值。
min number 允许的最小值。 null
max number 允许的最大值。 null
precision number 在十进制分隔符之后显示的最大精度。(即小数点后的显示精度) 0
decimalSeparator string 使用哪一种十进制字符分隔数字的整数和小数部分。 .
groupSeparator string 使用哪一种字符分割整数组,以显示成千上万的数据。(比如:99,999,999.00中的','就是该分隔符设置。)
prefix string 前缀字符。(比如:金额的$或者¥)
suffix string 后缀字符。(比如:后置的欧元符号€)
filter function(e) 定义如何过滤按键,当返回true时则允许输入,反之禁止。 (该属性自1.3.3版开始可用)
formatter function(value) 用于格式化数值的函数。返回字符串值以显示到输入框中。
parser function(s) 用于解析字符串的函数。返回数值。
事件名 事件参数 描述
onChange newValue,oldValue 当字段值更改的时候触发。

数值输入框的方法扩展自validatebox(验证框),数值输入框新增或重写的方法如下:

方法名 方法参数 描述
options none 返回数值输入框属性。
destroy none 销毁数值输入框对象。
disable none 禁用字段。
enable none 启用字段。
fix none 将输入框中的值修正为有效的值。
setValue value 设置数值输入框的值。 代码示例:
                            $('#nn').numberbox('setValue', 206.12);
                        
getValue none 获取数值输入框的值。 代码示例:
                            var v = $('#nn').numberbox('getValue');
                            alert(v);
                        
clear none 清楚数值输入框的值。
reset none 重置数值输入框的值。(该方法自1.3.2版开始可用)