autoNumeric.js数字格式化文本使用心得介绍

最新推荐文章于 2025-06-27 09:30:50 发布

原创最新推荐文章于 2025-06-27 09:30:50 发布 · 4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#autoNumeric.js #数字文本

【Jquery/easyUI】专栏收录该内容

3 篇文章

订阅专栏

本文介绍了 autoNumeric.js 这个 jQuery 插件的使用方法，该插件能够帮助开发者实现数字格式化的功能，尤其适用于需要高精度数字显示的场景。文章详细解释了 alt 属性中的各个字符所代表的意义，包括数值类型、小数点左侧位数、数字分组符号等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天项目中需要用到数字化格式文本，而easyUI满足不了，因为需要用到的数字精度可能会达到8位，EASYUI设置精度为8的话，假如只输入1位小数，后面就会格式化7个0，很难看，不能自动控制想显示的位数。

于是到用了autoNumeric.js，这是一个jquery插件。说说用法好了。需要下载的可以进我的资源下载库

代码：

jQuery(function($) {
$("#text1").focus(function(){
$("#text1").autoNumeric();
});
});

</script>

主要说说红色部分

alt中一共有7个字符，分别代表了7个格式化属性: 其实主要用到的就是第一个，第二个和第七个
第一个:值为'p'(只能输入正数)或者'n'(正负都可以输入)
第二个:值为0-9,分别代表小数点分隔符左边的位数.(当为'0'时可以输入15位整数)
第三个:用做数字分组的分隔符(就是千分位等等用的分隔符)
a:单引号或撇号(计时和角度时可以用)
c:逗号(默认)
p:句号(如果小数点的分隔符也是句号会有冲突)
s:空格号
x:无
第四个:值为2,3(默认),4,用作数字分组的数字个数(如'3'的话为'123,123','4'的话为'12,3123','2'的时候好像是印度那边有这种分法，看原文作者写的)
第五个:小数点的分隔符.值有c(逗号)和p(句号),p为默认.
第六个:小数位的个数
0:不允许输入小数，也就是说只能输入整数
-9:小数位数(默认为2,如'1.23')
a-Z:包括大小写,它会找id为'dp[a-Z]'的数字输入框，并将里面的数字作为小数的位数，也就是说可以动态修改小数位数.
第七个:九种不同的数字修约规则
S = Round-Half-Up Symmetric (默认，一般四舍五入就用它了)
A = Round-Half-Up Asymmetric
s = Round-Half-Down Symmetric
a = Round-Half-Down Asymmetric
B = Round-Half-Even "Bankers Rounding"(银行家算法?没用过)
U = Round Up "Round-Away-From-Zero"(最大整数时用这个,当然不仅仅是整数范畴，可以精确到小数位)
D = Round Down "Round-Toward-Zero"(最小整数时用这个)
C = Round to Ceiling "Toward Positive Infinity"
F = Round to Floor "Toward Negative Infinity"