`
celine_q
  • 浏览: 16990 次
  • 性别: Icon_minigender_2
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

货币的一些格式化处理js

阅读更多

//计算出值 四舍五入,精确到小数点后2

function formatPrice(src, pos){

   return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);

}

//保留n位小数

function formatNum(num,n){

    num = String(num.toFixed(n));

    var re = /(\d+)(\d{3})/;

    return num.replace(re,"$1,$2");

}

//转换成字符串

function all(per,count){

    return per*count;

}

 

// 当计算单价×数量并将结果显示在总价input

 

/**

 * index 为索引值

 * p_ 为单价属性id的命名空间

 * c_ 为数量属性id的命名空间

 * a_ 为总价属性id的命名空间

 */

function calculate(index){

    var pricePer = document.getElementById('p_'+index).value;

    var count = document.getElementById('c_'+index).value;

    var sumPrice = document.getElementById('a_'+index);

    var val = /^\d+(\.\d+)?$/;

    if(!val.test(pricePer)){

       alert('参考单价必须为数字且非负数!');

       document.getElementById('p_'+index).value="";

       document.getElementById('a_'+index).value="";

       document.all.item('p_' + index).focus();

    }

    if(!val.test(count)){

           alert('数量必须为数字且非负数!');

           document.getElementById('c_'+index).value="";

           document.getElementById('a_'+index).value="";

           document.all.item('c_' + index).focus();

       }                  

    if(val.test(pricePer)&&val.test(count))

          // 货币显示格式

          // 字符串格式,方便后台解析成数组

          sumPrice.value = formatNum(all(formatPrice(pricePer,2),count),2);

 

}

 

最后在所有input 的onchange方法中调用

<td align="center">

<input type="text" name="p_${index}" id="p_${index}" onchange="calculate('${index}')"/>

</td>

<td align="center">

<input type="text" name="c_${index}" id="c_${index}" onchange="calculate('${index}')"/>

</td>

<td align="center">

<input type="text" name="a_${index}" id="a_${index}" onchange="calculate('${index}')"/>

</td>

 

分享到:
评论

相关推荐

    对页面货币格式进行格式化的js

    一个用js写的,对页面货币格式进行格式化的js

    纯js实用格式化货币插件

    总的来说,currencyFormatter.js是一个强大且灵活的前端工具,它提升了前端应用在处理货币格式化时的效率和用户体验。无论是小型个人项目还是大型企业级应用,这款插件都能够提供可靠的货币格式化解决方案。通过深入...

    javascript数字格式化为货币字符,数字格式化为大写货币

    在JavaScript中,对数字进行货币格式化的处理是非常常见的需求,尤其是在财务或电子商务相关的应用程序中。以下是对给定代码片段的深入解析和知识点总结。 #### 标准货币格式化函数 `formatCurrency` 此函数实现了...

    jQuery货币金钱格式化数字插件

    accounting.js是什么,金钱和货币格式一个微小的JavaScript库,使用可选的Excel风格的列渲染(排队符号和小数)。它的重量轻,完全可本地化和具有零依赖性。 演示地址:http://www.jq22.com/jquery-info326

    js处理货币格式插件currency.js

    在JavaScript中,处理货币格式化是一项常见的任务,因为JavaScript的浮点数计算可能存在精度问题,这可能导致在显示金额时出现不准确的情况。`currency.js`是一个专为此目的设计的插件,它允许开发者轻松地格式化和...

    javascript精确计算日期处理金额格式化

    在JavaScript中,原始数字类型的处理并不直观,特别是在涉及货币格式化时。默认情况下,JavaScript会将数字显示为科学计数法,这在处理金额时显然是不合适的。为了解决这个问题,我们可以使用Number对象的toFixed()...

    纯js实用格式化货币插件.zip

    《纯JavaScript实现的货币格式化插件:currencyFormatter.js》 在Web开发中,处理货币数据的格式化是一项常见的任务,特别是在涉及国际化的项目中。currencyFormatter.js是一款强大的纯JavaScript插件,专为此目的...

    currencyFormatterjs是一款简单实用的纯js格式化货币插件

    在实际应用中,`currencyFormatterjs`通常会与前端框架如React、Vue或Angular等结合使用,通过调用插件提供的API来处理数据模型中的货币值,实现动态的货币格式化显示。例如,可以在用户输入金额后实时格式化显示,...

    基于vueelement的金额格式化组件

    "基于vue-element的金额格式化组件"是针对这一需求而设计的,它将帮助我们在Vue.js应用中方便地展示和输入货币值。 Vue Element是一个结合了Element UI库的Vue.js插件,Element UI提供了一套美观、易用的组件,适用...

    货币格式化

    本篇文章将通过一个具体的示例来讲解如何利用JavaScript语言中的正则表达式和字符串操作来实现货币格式化。 #### 示例代码解析 首先,我们来看一下题目中给出的部分代码: ```javascript var price = ...

    采用js实现具有复杂字符串的格式化操作类库函数

    4. **日期和货币格式化**:可能内置了对JavaScript的`Date`对象和货币数值的支持,提供格式化日期和货币的方法,例如 `formatDate` 和 `formatCurrency`。 5. **转换为字符串**:当所有操作完成时,`toString` 方法...

    JS中格式化数字的5个方法

    根据提供的文件信息,本文将详细介绍JavaScript中五种常用的数字格式化方法:`CurrencyFormatted`、`format_number`、`CommaFormatted`、`addCommas` 和 `number_format`。这些函数可以帮助开发者更加灵活地处理和...

    JS处理货币格式浮点数插件currency.js.zip

    在JavaScript编程中,处理货币格式化是一个常见的需求。"currency.js"是一个专门用于处理浮点数以呈现货币格式的插件。它可以帮助开发者更方便地显示价格和其他金融数据,确保精度和格式的一致性。这个插件可能包含...

    网页模板——JS处理货币格式浮点数插件currency.js.zip

    "网页模板——JS处理货币格式浮点数插件currency.js.zip" 提供了一个JavaScript解决方案,帮助开发者轻松地格式化货币数值。这个插件名为"currency.js",其主要目标是将不规则的浮点数转换为符合货币格式的字符串。 ...

    js字符串转货币格式及金额小写转大写

    在JavaScript(JS)...综上所述,处理JavaScript中的货币格式化和金额转换涉及到字符串操作、正则表达式、自定义函数以及DOM操作等多个方面。通过这些方法,我们可以确保在前端界面中正确地显示符合财务规范的金额。

    JS对货币余额格式化为标准格式

    JS对货币余额格式化为标准格式,最终结果是以英文逗号分隔,并且可以保存一位或者两位小数

    Numeral.js一个用于格式化和操作数字的JavaScript库

    - **财务报告**:在网页上展示财务数据时,可以使用Numeral.js进行货币格式化,确保数值的精确性和易读性。 - **数据分析**:在处理大量数据时,可以利用其格式化功能简化数字显示,提高可读性。 - **仪表盘和图表**...

    JavaScript数字格式化函数

    在JavaScript中,数字格式化是将数值转换为特定格式的过程,比如添加逗号分隔符、保留小数位数、货币格式等。这通常涉及到字符串处理和数学运算。本篇文章将深入探讨JavaScript中的数字格式化函数及其应用。 一、...

    jQuery文本输入框内容格式化代码.zip

    9. **货币格式化**:无论是人民币、美元还是其他货币,插件可以将用户输入的数值转化为标准货币格式,如"¥123,456.78"或"$123,456.78"。 在压缩包中,"index.html"是示例页面,用于展示插件的使用方法和效果;...

Global site tag (gtag.js) - Google Analytics