<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>格式化数字</title>

</head>

<body>

<script type="text/javascript">

/**

方法一 不加千分位（整数部分最大15位，小数为最多4位）

object --文本框对象

n --保留的小数位

*/

function fmoney(object,n){

    // ^-?[0-9]+\.?[0-9]*$ 验证浮点数

    var num =  object.value;

    var start = num.indexOf('-');

    if(start == 0){

        num = num.substring(1,15);

    }else{

        num = num.substring(0,15);

    }

    num = parseFloat((num + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";

    if (isNaN(num) || ((num + "").replace(/\s/g, "")) == "") {

        object.value = "";

        return;

    }

    n = n > 0 && n <= 20 ? n : 2;

    var l = num.split(".")[0].split("").reverse(),r = num.split(".")[1],t = "";

    for(var i = 0; i < l.length; i ++ ){

      //t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : ""); //加千分位

      t += l[i];

    }

    if(start == 0){

        object.value = "-"+t.split("").reverse().join("") + "." + r;

    }else{

        object.value = t.split("").reverse().join("") + "." + r;

    }

}

/**

方法二 加千分位 （整数部分最大15位）

object --文本框对象

n --保留的小数位

*/

function simpleFormat(object,n){

    var num = object.value;

    num = num.substring(0,15);

    num = parseFloat((num + "").replace(/[^\d\.-]/g, "")).toFixed(n)+"";

    if (isNaN(num) || ((num + "").replace(/\s/g, "")) == "") {

        object.value = "";

        return;

    }

    object.value = num;

    var value = num.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")

    object.value = value;

}

function rmoney(s){

   return parseFloat(s.replace(/[^\d\.-]/g, ""));

}

</script>

<input type="text" id="11" style="width:200px" onblur='fmoney(this,4)'/><input type="button" value="还原" onclick="r11()"><br>

<input type="text" id="33" style="width:200px" onblur='simpleFormat(this,4)'/><input type="button" value="还原" onclick="r33()">

<script type="text/javascript">

function r11(){

    var value = document.getElementById("11").value;

    alert(rmoney(value));

}

function r33(){

    var value = document.getElementById("33").value;

    alert(rmoney(value));

}

</script>

</body>

</html>

js格式化数字的更多相关文章

  1. js 格式化数字，格式化金额：

    js 格式化数字,格式化金额: function number_format(number, decimals, dec_point, thousands_sep) { /* * 参数说明: * nu ...

  2. JS格式化数字金额用逗号隔开保留两位小数

    JS格式化金额,正则方式修改. /** * 格式化金额 * @param {[type]} v [要转换的数字] * @param {[type]} len [小数点位数,默认2位] * @param ...

  3. 自定义编写js格式化数字的函数

    在处理网页的时候,有时候会需要显示很长的数字,但是当数字的长度比较长的时候,就很难看一个数字到底是多大.这种情况下,一些网站在处理数字的时候,当数字的长度大于3个时,就用逗号把他们分开,这是一个比较常 ...

  4. JS格式化数字保留两位小数点示例代码

    格式化数字保留两位小数点实现的方法有很多,在接下来的文章中将为大家详细介绍下如何使用js来实现 a = a.toFixed(2);//保留2位但结果为一个String类型 a = parseFloat ...

  5. js格式化数字和金额

    格式化数字,格式化金额: function number_format(number, decimals, dec_point, thousands_sep) { /* * 参数说明: * numbe ...

  6. js 格式化数字

    http://www.jb51.net/article/61585.htm 这篇文章主要介绍了JS实现的4种数字千位符格式化方法分享,本文给出了4种千分位格式化方法并对它们的性能做了比较,需要的朋友可 ...

  7. js格式化数字，金额按千位逗号分隔，负号用括号

    // 返回数字 function removeFormatMoney(s) { s = s.toString().replace("(","-").replac ...

  8. js格式化数字 金额按千位逗号分隔

    // 返回数字 function removeFormatMoney(s) { return parseFloat(s.replace(/[^\d\.-]/g, "")); } / ...

  9. js 格式化数字（每三位加逗号）

    // 方法一 unction toThousands(num) { var result = [ ], counter = 0; num = (num || 0).toString().split(' ...

随机推荐

  1. 024-母版页MasterPage

    网站的布局通常是统一的,上面是Logo.菜单条.下面是公司地址.版权声明等.如果每个页面都重复做这些功能的话:重复性劳动.一旦修改那么每个页面都要修改..Net中一般用母版(MasterPage)技术 ...

  2. 玩转spring boot——负载均衡与session共享

     前言 当项目上线后,如果要修复bug或扩充功能,都需要重启tomcat服务.此时,正在使用应用的用户们就需要等待服务器的重启,而这就会造成不好的用户体验.还有,当仅仅只有一台tomcat服务时,如果 ...

  3. SpringMVC 允许跨域访问 也可以选择限制指定IP 允许访问 对象的数据传输

    java ajax

  4. Linux 基础内容

    1.linux版本有:redhat(收费),centos,ubuntu,suse(开发使用) 2./目录下的:etc配置文件目录,media挂载点,opt第三方安装目录,boot启动文件,home家, ...

  5. Delphi10.2 Tokyo试用（1）

    最近下载了Delphi10.2 Tokyo,试用了一下,感觉不错,尤其是针对Linux的开发,总算出来了,可以考虑把原来服务器重新编译成RedHat上使用了,免得客户一天到晚喊Windows不安全,要 ...

  6. python from entry to abandon

    学习Linux已经有大致两周了,依然感觉到自己仍然在运维的大门外徘徊.于是我想要找到一个在Linux之外的业余方向,可以以作为枯燥基础学习的调节.没过多久我就发现了Python可以说是钦定的选择,它作 ...

  7. JAVA基础知识笔记

    1.类只能用Public修饰,不能使用protected.private修饰.也可以不加修饰符,称做友好类. 2.类的实体元素包含成员变量和方法的定义,成员变量分为实例变量和类变量(static修饰的 ...

  8. 机器学习实战1-2.1 KNN改进约会网站的配对效果 datingTestSet2.txt 下载方法

    今天读<机器学习实战>读到了使用k-临近算法改进约会网站的配对效果,道理我都懂,但是看到代码里面的数据样本集 datingTestSet2.txt 有点懵,这个样本集在哪里,只给了我一个文 ...

  9. Spring.Net —IOC详解

    一. Spring.net中IOC介绍 1. 什么是IOC,控制反转(Inversion of Control,缩写为IoC),是面向对象编程中的一种设计原则,可以用来减低计算机代码之间的耦合度.其中 ...

  10. 力扣（LeetCode）605. 种花问题

    假设你有一个很长的花坛,一部分地块种植了花,另一部分却没有.可是,花卉不能种植在相邻的地块上,它们会争夺水源,两者都会死去. 给定一个花坛(表示为一个数组包含0和1,其中0表示没种植花,1表示种植了花 ...