关闭

千分位分隔符的demo

标签: 千分位分隔符
348人阅读 评论(0) 收藏 举报
分类:
<!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>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:28947次
    • 积分:949
    • 等级:
    • 排名:千里之外
    • 原创:62篇
    • 转载:38篇
    • 译文:2篇
    • 评论:1条
    文章分类
    最新评论
  • 价格录入input

    Dreamhai: 看你写的挺多的,我想问下你,这些你测试过了吗?我这复制你的有以下几个问题,你可以自己验证下(文字我就...