前言：这个功能在前端页面中使用的还是比较多的，正好我们的项目中也有使用此功能，不过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. 使用gnucash查看任意时间段内的所有者权益变动表

    gnucash默认会以当年的会计账期显示所有者权益变动表 如果要看指定时间的所有者权益变动表,需要这样做 打开所有者权益变动表 点击上面的[选项] 如图 在常规中自行选择日期 确定后就能够看到指定时间 ...

  2. 如何在Mac OS系统下配置Java服务器开发环境

    1.http://www.oracle.com/technetwork/Java/javase/downloads/index-jsp-138363.html 安装JDK(可通过java -versi ...

  3. Psam_ISO7816

    ISO7816协议1-4部分下载

  4. 关于vue.js中列表渲染练习

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

  5. Lua C++ Binding之Lunar, Luna

    服务端引擎的脚本, 我们项目在老端游项目上发展, 采取的是Lua脚本. 当前服务端的发展趋势是瘦引擎, 胖脚本模式, 基本上引擎负责的功能非常少, 主要是网络, 定帧, 定时器, 引擎通过导出相应的接 ...

  6. HTTP状态代码含义

    1.200:正常. 2.201:服务器已经创建了文档,Location头给出了它的URL. 3.202:已经接受请求,但处理尚未完成. 4.203:文档已经正常返回,但一些应答头可能不正确,因为使用的 ...

  7. Windows环境下npm install常见错误

    Windows环境下npm install安装包依赖时,常出现一些错误,下面为个人解决办法: 错误一 缺少python环境: G:\nodejs\moviesite\node_modules\bcry ...

  8. Android 数据处理之Webapi OAuth2.0

    前面通过.net Webapi搭建了数据访问及处理平台,以下介绍如何通过Android来访问Webapi的数据. Android的常用的网络访问方式是使用HttpClient和HttpURLConne ...

  9. 长文丨papi、咪蒙、罗胖之后，内容创业的机会在哪儿

    一.内容的一年 app死了,内容永生! 2016年,创业圈画风突变,昨天还在激辩java和PHP谁更好的技术宅们.还在梦想着成为第二个乔布斯改变世界的产品狗们.还在忽悠着用O2O横扫传统行业的小老板们 ...

  10. 浅入浅出EmguCv（一）OpenCv与EmguCv

    最近接触计算机视觉方面的东西,于是准备下手学习opencv,从官网下载windows的安装版,配置环境,一系列步骤走完后,准备按照惯例弄个HelloWord.也就是按照网上的教程,打开了那个图像处理领 ...