千分位分隔符的demo

最新推荐文章于 2024-01-24 17:41:55 发布

mrhaoxiaojun

最新推荐文章于 2024-01-24 17:41:55 发布

阅读量1.8k

点赞数

分类专栏： JavaScript 文章标签：千分位分隔符

本文链接：https://blog.csdn.net/mrhaoxiaojun/article/details/51556855

版权

JavaScript 专栏收录该内容

70 篇文章 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>

mrhaoxiaojun

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
千分位分隔符的demo

Document//当用户失去焦点的时候触发验证事件$(".test").blur(function(){//1、获取表单内容var text = $(this).val();//2、进行前端表单验证（如果有验证可以忽略这步）//根据需求可以不再这里验证，假如我们验证了，那么需要前端验证成功了再去调用下面的方法//3、当前端验证ok触
复制链接

扫一扫