//计算出值 四舍五入,精确到小数点后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
总的来说,currencyFormatter.js是一个强大且灵活的前端工具,它提升了前端应用在处理货币格式化时的效率和用户体验。无论是小型个人项目还是大型企业级应用,这款插件都能够提供可靠的货币格式化解决方案。通过深入...
在JavaScript中,对数字进行货币格式化的处理是非常常见的需求,尤其是在财务或电子商务相关的应用程序中。以下是对给定代码片段的深入解析和知识点总结。 #### 标准货币格式化函数 `formatCurrency` 此函数实现了...
accounting.js是什么,金钱和货币格式一个微小的JavaScript库,使用可选的Excel风格的列渲染(排队符号和小数)。它的重量轻,完全可本地化和具有零依赖性。 演示地址:http://www.jq22.com/jquery-info326
在JavaScript中,处理货币格式化是一项常见的任务,因为JavaScript的浮点数计算可能存在精度问题,这可能导致在显示金额时出现不准确的情况。`currency.js`是一个专为此目的设计的插件,它允许开发者轻松地格式化和...
在JavaScript中,原始数字类型的处理并不直观,特别是在涉及货币格式化时。默认情况下,JavaScript会将数字显示为科学计数法,这在处理金额时显然是不合适的。为了解决这个问题,我们可以使用Number对象的toFixed()...
《纯JavaScript实现的货币格式化插件:currencyFormatter.js》 在Web开发中,处理货币数据的格式化是一项常见的任务,特别是在涉及国际化的项目中。currencyFormatter.js是一款强大的纯JavaScript插件,专为此目的...
在实际应用中,`currencyFormatterjs`通常会与前端框架如React、Vue或Angular等结合使用,通过调用插件提供的API来处理数据模型中的货币值,实现动态的货币格式化显示。例如,可以在用户输入金额后实时格式化显示,...
"基于vue-element的金额格式化组件"是针对这一需求而设计的,它将帮助我们在Vue.js应用中方便地展示和输入货币值。 Vue Element是一个结合了Element UI库的Vue.js插件,Element UI提供了一套美观、易用的组件,适用...
本篇文章将通过一个具体的示例来讲解如何利用JavaScript语言中的正则表达式和字符串操作来实现货币格式化。 #### 示例代码解析 首先,我们来看一下题目中给出的部分代码: ```javascript var price = ...
4. **日期和货币格式化**:可能内置了对JavaScript的`Date`对象和货币数值的支持,提供格式化日期和货币的方法,例如 `formatDate` 和 `formatCurrency`。 5. **转换为字符串**:当所有操作完成时,`toString` 方法...
根据提供的文件信息,本文将详细介绍JavaScript中五种常用的数字格式化方法:`CurrencyFormatted`、`format_number`、`CommaFormatted`、`addCommas` 和 `number_format`。这些函数可以帮助开发者更加灵活地处理和...
在JavaScript编程中,处理货币格式化是一个常见的需求。"currency.js"是一个专门用于处理浮点数以呈现货币格式的插件。它可以帮助开发者更方便地显示价格和其他金融数据,确保精度和格式的一致性。这个插件可能包含...
"网页模板——JS处理货币格式浮点数插件currency.js.zip" 提供了一个JavaScript解决方案,帮助开发者轻松地格式化货币数值。这个插件名为"currency.js",其主要目标是将不规则的浮点数转换为符合货币格式的字符串。 ...
在JavaScript(JS)...综上所述,处理JavaScript中的货币格式化和金额转换涉及到字符串操作、正则表达式、自定义函数以及DOM操作等多个方面。通过这些方法,我们可以确保在前端界面中正确地显示符合财务规范的金额。
JS对货币余额格式化为标准格式,最终结果是以英文逗号分隔,并且可以保存一位或者两位小数
- **财务报告**:在网页上展示财务数据时,可以使用Numeral.js进行货币格式化,确保数值的精确性和易读性。 - **数据分析**:在处理大量数据时,可以利用其格式化功能简化数字显示,提高可读性。 - **仪表盘和图表**...
在JavaScript中,数字格式化是将数值转换为特定格式的过程,比如添加逗号分隔符、保留小数位数、货币格式等。这通常涉及到字符串处理和数学运算。本篇文章将深入探讨JavaScript中的数字格式化函数及其应用。 一、...
9. **货币格式化**:无论是人民币、美元还是其他货币,插件可以将用户输入的数值转化为标准货币格式,如"¥123,456.78"或"$123,456.78"。 在压缩包中,"index.html"是示例页面,用于展示插件的使用方法和效果;...