前言：这个功能在前端页面中使用的还是比较多的，正好我们的项目中也有使用此功能，不过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. 程序员写的东西出了bug,造成了损失谁来承担？

    这是个持续多年的话题了,很多大公司,尤其是牛逼的独立分包公司(开发公司)都会有代码审核和严格QA程序,一般的公司就很难说咯,在法律上目前还没有完全支持处罚程序员bug经济损失的判例(国内如此),国外也 ...

  2. 跳过IE10安装VS2013

    @ECHO OFF :IE10HACK REG ADD "HKLM\SOFTWARE\Wow6432Node\Microsoft\Internet Explorer" /v Ver ...

  3. 查看旧版jexus命令

    查看jexus版本 curl http://localhost/info

  4. 嵌入式系统上实现GPS全球定位功能

    GPS(Global Positioning System)即全球定位系统,是由美国建立的一个卫星导航定位系统,利用该系统,用户可以在全球范围内实现全天候.连续.实时的三维导航定位和测速:另外,利用该 ...

  5. Unity浅析

    在分析PRISM项目的时候, 发现里面用到了Unity 这个Component, 主要用于依赖注入的.由于对其不熟悉,索性分析了一下,记载在此,以作备忘. 任何事物的出现,总有它独特的原因,Unity ...

  6. Request.UrlReferrer

    1:Request.UrlReferrer可以获取客户端上次请求的url,这样就可以实现类似“上一页”的功能等 2:刷新当前页面,不会改变Request.UrlReferrer的值 3:如果有A,B两 ...

  7. C#固定时间执行指定事件（观察者模式+异步委托）

    最近有个项目需要每天固定的时间去执行指定的事件,发现网上关于这样的文章比较少,而且比较散.通过学习了几篇文章后终于实现了这个功能,在此也特别感谢这些文章的作者们,这也是我第一次在园子里面发文章,望多指 ...

  8. spring 4 @RestController 小试

    在建立好基本的spring框架后,可以尝试实现一下简单的rest风格请求 1.需要引入的包,部分pom.xml文件 <dependency> <groupId>org.code ...

  9. ios获取UserAgent

    UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectZero]; NSString *userAgent = [webView st ...

  10. ruby中tes-unitt数据初始化方法整理

    在用ruby做测试时,很多时候需要一些数据初始化以及事后的数据恢复还原之类的操作,下面整理了这些方法.require "test/unit" class TestAnion < ...