前言：这个功能在前端页面中使用的还是比较多的，正好我们的项目中也有使用此功能，不过YY同学写的代码不像个方法的样子，一个入口中间又插了几道子，所             以，我写了下面这个方法，经过测试，适用性还是蛮好的，留在这里以备后用！

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8"/>

    <title>Format Currency</title>

    <style>

       input{width:360px;}

    </style>

    <script>

        /*

          获取第一个输入框中数据，格式化后放入第二个输入框进行展示

        */

        function showNewNum()

        {

           //获取输入的数据

           var value = document.getElementById('num').value;

           //将格式化的数据放入到新的输入框中显示

           document.getElementById('newNum').value = formatCurrency(value);

        }

        /*

          格式化数据，小数部分不做处理，对整数部分进行千分位格式化的处理，如果有符号，正常保留

        */

        function formatCurrency(num)

        {

            if(num)

            {

                //将num中的$,去掉，将num变成一个纯粹的数据格式字符串

                num = num.toString().replace(/\$|\,/g,'');

                //如果num不是数字，则将num置0，并返回

                if(''==num || isNaN(num)){return 'Not a Number ! ';}

                //如果num是负数，则获取她的符号

                var sign = num.indexOf("-")> 0 ? '-' : '';

                //如果存在小数点，则获取数字的小数部分

                var cents = num.indexOf(".")> 0 ? num.substr(num.indexOf(".")) : '';

                cents = cents.length>1 ? cents : '' ;//注意：这里如果是使用change方法不断的调用，小数是输入不了的

                //获取数字的整数数部分

                num = num.indexOf(".")>0 ? num.substring(0,(num.indexOf("."))) : num ;

                //如果没有小数点，整数部分不能以0开头

                if('' == cents){ if(num.length>1 && '0' == num.substr(0,1)){return 'Not a Number ! ';}}

                //如果有小数点，且整数的部分的长度大于1，则整数部分不能以0开头

                else{if(num.length>1 && '0' == num.substr(0,1)){return 'Not a Number ! ';}}

                //针对整数部分进行格式化处理，这是此方法的核心，也是稍难理解的一个地方，逆向的来思考或者采用简单的事例来实现就容易多了

                /*

                  也可以这样想象，现在有一串数字字符串在你面前，如果让你给他家千分位的逗号的话，你是怎么来思考和操作的?

                  字符串长度为0/1/2/3时都不用添加

                  字符串长度大于3的时候，从右往左数，有三位字符就加一个逗号，然后继续往前数，直到不到往前数少于三位字符为止

                 */

                for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)

                {

                    num = num.substring(0,num.length-(4*i+3))+','+num.substring(num.length-(4*i+3));

                }

                //将数据（符号、整数部分、小数部分）整体组合返回

                return (sign + num + cents);

            }

        }

    </script>

</head>

<body bgcolor="AliceBlue" align="center">

    <input id="num" class=""/><br/>

    <input id="newNum" class=""/><br/>

    <input type="button" value="Please click ME" onclick="showNewNum();"/>

</body>

</html>

JS-为金额添加千分位逗号分割符的更多相关文章

  1. SQL 金额添加千分位

    SELECT CONVERT(NVARCHAR(50),CAST(1000000 AS MONEY),1) SELECT CONVERT(NVARCHAR,CAST(1343432432434.8 A ...

  2. Highchar.js插件提示框千分位显示为空格而不是逗号 --（2018 08/06-08/12周总结）

    1.Oracle在已经存在主键的表中插入复合主键的SQL语句 如已有一个表test_key,其中a1列为主键. CREATE TABLE TEST_KEY( A1 VARCHAR2(3) NOT NU ...

  3. js数字格式化（加千分位逗号）

    需求:当金额大于10000时,在作展示的时候,需要加千分位逗号,就是每隔1000要用逗号分隔: 方法一:使用toLocaleString()方法 此方法和toString()方法的区别看这里 < ...

  4. JS 添加千分位，测试可以使用

    JS 添加千分位,测试可以使用 <script language="javascript" type="text/javascript">funct ...

  5. JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去…

    JavaScript 格式化数字.金额.千分位.保留几位小数.舍入舍去… 类库推荐 1. Numeral.js 一个用于格式化和操作数字的JavaScript库.数字可以被格式化为货币,百分比,时间, ...

  6. input框输入金额显示千分位

    比如输入:1000000,则显示为1,000,000(或者是保留3位小数:1,000,000.000) 知识点: 1)JavaScript parseFloat() 函数: 定义:parseFloat ...

  7. Js笔试题之千分位格式化

    用js实现如下功能,将给定的数字转化成千分位的格式,如把“10000”转化成“10,000”,并考虑到性能方面的因素. 一.首先想到的办法,将数字转换为字符串(toString())再打散成数组(sp ...

  8. sql为数字添加千分位(也就是钱的格式)

    感觉这个东西在项目中用得挺多的,之前在前台页面是用正则来处理,现在由于是数据查询,所以直接在查出数据的时候将其转为指定的千分位格式,省的前台再处理,不讲原理,因为我也看不懂,不过会用就行了,在网上找了 ...

  9. js将数字转为千分位/清除千分位

    /** * 千分位格式化数字 * * @param s * 传入需要转换的数字 * @returns {String} */ function formatNumber(s) { if (!isNaN ...

随机推荐

  1. C语言字符串操作总结大全(超详细)

    本篇文章是对C语言字符串操作进行了详细的总结分析,需要的朋友参考下 1)字符串操作  strcpy(p, p1) 复制字符串  strncpy(p, p1, n) 复制指定长度字符串  strcat( ...

  2. oracle恢复误删除数据

    --开启行移动功能alter table 表名 enable row movement;--恢复表数据flashback table 表名 to timestamp to_timestamp('201 ...

  3. easycwmp的交叉编译

    原创作品,转载请注明出处 copyright:weishusheng   2015.3.18 email:642613208@qq.com 平台: Linux version 2.6.32-279.e ...

  4. ISO20000

    ISO20000IT运维服务标准流程: 策划 建立 实施 运行 监控 回顾 维护 改进 方法论PDCA: Plan Do Check Act

  5. Centos7 修改ssh 默认端口号

    第一步.修改/etc/ssh/sshd_config #Port 22 //这行去掉#号 Port 3600 //将端口号改成3600 第二步:在使用SELinux的系统中,需要修改SELinux 使 ...

  6. 解除svn版本控制

    步骤1.去除目录下的所有.svn文件夹:两种方式: 方法1:搜索目录下所有.svn文件,删除: 方法2:复制下列文字到txt中,然后把扩展名改为reg,放到需要去除.svn的目录中,双击运行注册表即可 ...

  7. Delphi、C C++、Visual Basic数据类型的对照 转

    Delphi.C C++.Visual  Basic数据类型的对照 变量类型 Delphi C/C++ Visual Basic 位有符号整数 ShortInt char -- 位无符号整数 Byte ...

  8. Delphi 使用CreateProcess创建进程并弹出进程PID值 （转）

    var  ExeName:PChar;  StartupInfo:TStartupInfo;  ProcessInfo:TProcessInformation;begin  FillChar(Proc ...

  9. spring mvc中使用freemark的一点心得

    参考文档: FreeMarker标签与使用 连接http://blog.csdn.net/nengyu/article/details/6829244 freemarker学习笔记--指令参考: ht ...

  10. [wxWidgets] 2. 重访“Hello World” 程序

    这是四年多来在博客园的第二篇博客.有了上一次的排版使用经验,这一篇文章应该有些进步(^_^). 闲话按下不表,言归正传.在编译.成功运行了上一个helloWorld.cpp(后文中'hw'简称hell ...