千分位分隔符的demo

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/mrhaoxiaojun/article/details/51556855
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" class="test">
<script src="./jQuery1.7.js"></script>
<script>
//当用户失去焦点的时候触发验证事件
$(".test").blur(function(){
//1、获取表单内容
var text = $(this).val();


//2、进行前端表单验证(如果有验证可以忽略这步)
//根据需求可以不再这里验证,假如我们验证了,那么需要前端验证成功了再去调用下面的方法


//3、当前端验证ok触发这个处理方法,当然我们给这个方法本身完善一下也可以,计算input里面取出了的是汉字,我们也能正确处理,返回空
$(this).val(fmoney(text,2));//执行后会得到一个处理后的返回值,你可以用变量保存一下再添加到input里面也可以直接在将调用放到设置input内容的里面
})
/*
* 处理分隔符的方法
* param{
* s:传递需要处理的数字,必传
* n:保留几位小数,默认保留2位
* }
* retun:返回处理后的数据
*/
function fmoney(s, n) {
var reg= /^(-?\d+)(\.\d+)?$/
if(!reg.test(s)) return //如果输入的内容并不是浮点数字,return空
n = n > 0 && n <= 20 ? n : 2;
s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1];
t = "";
for (i = 0; i < l.length; i++) {
t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
}
return t.split("").reverse().join("") + "." + r;//将处理好的数字返回
}
</script>
</body>
</html>
阅读更多
换一批

没有更多推荐了,返回首页