前言：这个功能在前端页面中使用的还是比较多的，正好我们的项目中也有使用此功能，不过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. 自己瞎捣腾的Win7下Linux安装之路-----理论篇

    接着上回说道,我把双系统做好啦,开心.... 之后我就在想几个问题: 1.在Ubuntu装好后,重启电脑却还是win7,等我用EasyBCD之后,才可选择使用装好的Ubuntu呢? 2.在用EasyB ...

  2. STM32学习笔记——OLED屏

    STM32学习笔记--OLED屏 OLED屏的特点: 1.  模块有单色和双色可选,单色为纯蓝色,双色为黄蓝双色(本人选用双色): 2.  显示尺寸为0.96寸 3.  分辨率为128*64 4.   ...

  3. LeetCode-Subsets

    Given a set of distinct integers, nums, return all possible subsets. Note: The solution set must not ...

  4. 中介者模式（Mediator Pattern）

    定义一个中介对象来封装系列对象之间的交互.中介者使各个对象不需要显示地相互引用,从而使其耦合性松散,而且可以独立地改变他们之间的交互. Mediator:中介者接口.在里面定义了各个同事之间相互交互所 ...

  5. ubuntu包管理

    查看某个文件属于哪个包dpkg -S add-apt-repository 包名software-properties-common命令名/usr/bin/add-apt-repository/usr ...

  6. ASP.NET MVC获取微信返回的json数据分页

    View @model JiaYe.WeiXin.Models.ViewModels.UserViewModel <div class="pull-left pagination&qu ...

  7. 关于分布式事务的一个误解：使用了TransactionScope就一定会开启分布式事务吗？

    背景: 事务是数据库管理系统的一个基本概念,事务具有四个基本特点,即ACID:原子性(Atomicity).一致性(Consistency).隔离性(Isolation)和持久性(Durability ...

  8. winform中messageBox七个参数的使用（转载）

    private void button1_Click(object sender, EventArgs e) { MessageBox.Show(" 1 个参数 ”); } private ...

  9. 几种I/O模型功能和性能对比

    对比图 同步阻塞I/O服务端通信模型(一客户端一线程) 伪异步I/O服务端通信模型(M:N) NIO服务端和客户端通信时序图

  10. 报错：org.hibernate.AssertionFailure: null id in com.tt.hibernate.entities.News entry (don't flush the Session after an exception occurs)

    在使用hibernate创建数据库的表格时,出现了如下报错: 十二月 28, 2016 10:17:02 上午 org.hibernate.tool.hbm2ddl.SchemaExport perf ...