前言：这个功能在前端页面中使用的还是比较多的，正好我们的项目中也有使用此功能，不过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. ASP.NET Razor - C# 循环和数组

    语句在循环中会被重复执行. For 循环 如果您需要重复执行相同的语句,您可以设定一个循环. 如果您知道要循环的次数,您可以使用 for 循环.这种类型的循环在向上计数或向下计数时特别有用: 实例 & ...

  2. 获取贴图及IES文件

    最近看了一下以前写的关于收集贴图的函数...又完善了一下,老链接:http://www.cnblogs.com/3dxy/p/3988751.html fn saveusedmaps spath se ...

  3. POJ题目排序的Java程序

    POJ 排序的思想就是根据选取范围的题目的totalSubmittedNumber和totalAcceptedNumber计算一个avgAcceptRate. 每一道题都有一个value,value ...

  4. 【转】android 属性动画之 ObjectAnimator

    原文网址:http://blog.csdn.net/feiduclear_up/article/details/39255083 前面一篇博客讲解了 android 简单动画之 animtion,这里 ...

  5. (转) Deep Learning Resources

    转自:http://www.jeremydjacksonphd.com/category/deep-learning/ Deep Learning Resources Posted on May 13 ...

  6. C#-2 wpf 项目编程结构设计

    View:界面布局 EXCEL ViewModel:流程,数据粘合胶水 Model: 1)DB 结构 (数据库结构) 2)绑定的数据(界面交互数据) Service:1)BLL(画流程图)画业务逻辑图 ...

  7. OPENVPN

    安装 方法1--源码安装yum -y install  pam pam-devel gcc gcc-c++ lzo lzo-devel openssl openssl-devel wget autom ...

  8. Ubuntu14.04+RabbitMQ3.6.3+Golang的最佳实践

    目录 [TOC] 1.RabbitMQ介绍 1.1.什么是RabbitMQ?   RabbitMQ 是由 LShift 提供的一个 Advanced Message Queuing Protocol ...

  9. android源码的目录结构

    android源码的目录结构 [以下网络摘抄] |-- Makefile ! l/ a5 n% S% @- `0 d# z# a$ P4 V3 o7 R|-- bionic              ...

  10. 设置XtraForm标题居中

    public class CustomFormPainter : FormPainter { public CustomFormPainter(Control owner, DevExpress.Sk ...