<!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. 二、latex简单使用

    安装成功则可显示如图所示的信息. 用记事本便可完成整个过程. 命令如图所示: 首先用documentclass命令引入一个文档类,比如引入article文档类,主要用于撰写论文.{}中的内容表示命令的 ...

  2. fcrackzip （zip密码破解工具）

    现在做一个例子,首先生成一个带有密码的zip的包 zip -P hujhh test.zip test1.txt test2,txt 可以看到密码是5位的纯字母 现在就用我们的这个软件开始破解 fcr ...

  3. html5 p1练习1，移动页面，标准标签布局

    <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8&qu ...

  4. Mysql模糊查询like效率，以及更高效的写法

    在使用msyql进行模糊查询的时候,很自然的会用到like语句,通常情况下,在数据量小的时候,不容易看出查询的效率,但在数据量达到百万级,千万级的时候,查询的效率就很容易显现出来.这个时候查询的效率就 ...

  5. 解决 img 标签上下出现的间隙

    我们在平常的开发过程中,经常需要使用多张图片,而使用多张图片的时候,一般会去使用一个列表来对我们的img进行承装.就算我们把img的外边距和内边距全部清空了,但是这时会发现图片上下单会多出一定的间隙. ...

  6. Quartz Scheduler misfireThreshold属性的意义与触发器超时后的处理策略

    Quartz misfireThreshold属性的意义与触发器超时后的处理策略. 在配置quartz.properties有这么一个属性就是misfireThreshold,用来指定调度引擎设置触发 ...

  7. javax.el.PropertyNotFoundException: Property 'know_id' not found on type java.lang.String

    今天通过Servlet明明查出来了结果,在跳转到页面时报这个异常.根据经验仔细核对了字段书写时,未发现错误. 耐心仔细检查之后发现el表达式的List集合写错了 <c:forEach items ...

  8. 获取JS数组中所有重复元素

    //获取数组内所有重复元素,并以数组返回 //例:入参数组['1','2','4','7','1','2','2'] 返回数组:['1','2'] function GetRepeatFwxmmc(a ...

  9. 生成id

    package com.develop.web.util; import java.security.MessageDigest; import java.text.SimpleDateFormat; ...

  10. URI/URL/URN的联系和区别

    下面是我整理的一些关于他们的描述. URI,是uniform resource identifier,统一资源标识符,用来唯一的标识一个资源. 而URL是uniform resource locato ...