<!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. 强迫症犯了，忍不住赞一下slf4j包Logger.java的优雅代码

    如下是slf4j-api包下的Logger接口类里其中几个方法的声明: package org.slf4j; public interface Logger { /** * Log a message ...

  2. db2常见错误代码及原因

    sqlcode sqlstate 说明000 00000 SQL语句成功完成01xxx SQL语句成功完成,但是有警告+012 01545 未限定的列名被解释为一个有相互关系的引用+098 01568 ...

  3. php中获取中文首字母程序代码

    年会抽奖,要求一等奖的中奖概率是0.12%,二等奖中奖概率是3%,三等奖中奖概率是12%,其他中奖概率是都是谢谢惠顾. <?php /** * 抽奖 * @param int $total */ ...

  4. Vue系列之 => 父组件向子组件传值

    父组件向子组件传递数据 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta c ...

  5. Zookeeper 3.5启动时 8080端口被占用

    今天闲来无事,学习Zookeeper,下载了Zookeeper的最新版本3.5.启动以后显示: ZooKeeper JMX enabled by default Using config: /opt/ ...

  6. LinkedList 利用的是尾插法

  7. SPOJ - AMR11E

    Arithmancy is Draco Malfoy's favorite subject, but what spoils it for him is that Hermione Granger i ...

  8. 剑指offer（42）和为S的字符串

    题目描述 输入一个递增排序的数组和一个数字S,在数组中查找两个数,是的他们的和正好是S,如果有多对数字的和等于S,输出两个数的乘积最小的. 输出描述: 对应每个测试案例,输出两个数,小的先输出. 题目 ...

  9. conda环境py36 requirements.txt

    生成: conda list -e > requirements.txt 使用: conda install --yes --file requirements.txt # This file ...

  10. maven开发项目中遇到的问题

    java.util.concurrent.ExecutionException: org.apache.catalina.LifecycleException: Failed to start com ...