`
yin_chinawitsky
  • 浏览: 3474 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

jQuery将数字格式化为货币类型

 
阅读更多

//第一种方式

_(function(){

$('input[util="num"]').each(function(){

var self = $(this),

_self = this,

reg = /^[\-\+]?((\d+)([\.,](\d{3}))*([\.](\d+))?|([\.,](\d+))?)$/;

$(this).bind({

focus : function(){

self.val(self.val().split(',').join(''));

},

blur : function(){

if(!reg.test( self.val() )){

alert("您输入的值有误,只能输入整数!");

_self.select();

} else {

var arr = self.val().split('.'),

num = arr[0],

num2 = null;

if(arr.length > 1){

num2 = arr[1];

}

if(num.length > 3){

var _arr = num.split('').reverse(),

len = _arr.length,

page = Math.ceil(len / 3),

str = '';

for(var i=0; i<page; i++){

if(i*3 < len) str += _arr[i*3];

if(i*3+1 < len) str += _arr[i*3+1];

if(i*3+2 < len) str += _arr[i*3+2];

str += ',';

}

str = str.substring(0, str.length-1)

.split('').reverse().join('');

if(num2 !== null){

str += '.' + num2;

}

self.val(str);

}

}

}

});

});

});

 

在表单里加入 util=“num” 

<input type="text" util="num" />

<input type="text" util="num" />

<input type="text" util="num" />

<input type="text" util="num" />

 

//第二种方式

_(function(){

reg = /^[\-\+]?((\d+)([\.,](\d{3}))*([\.](\d+))?|([\.,](\d+))?)$/;

var s;

$('input[util="num"]').each(function(){

$(this).bind("blur",function(){

s = $(this).val();

dh = /,/;

while (dh.test(s)) {

s = s.replace(dh, "");

}

if (!reg.test(s)) {

alert("您输入的可能不是数字");

return false;

}

s = s.replace(/^(\d*)$/, "$1.");

s = (s + "00").replace(/(\d*\.\d\d)\d*/, "$1");

s = s.replace(".", ",");

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

while (re.test(s)) {

s = s.replace(re, "$1,$2");

}

s = s.replace(/,(\d\d)$/, ".$1");

$(this).val(s.replace(/^\./, "0."));

});

});

});

 

分享到:
评论

相关推荐

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

    《jQuery文本输入框内容格式化代码》是一款针对前端开发者的实用工具,主要目的是为了帮助用户在文本输入框中输入的数据能够自动格式化为特定样式,提高用户体验并保持数据的一致性。这款插件广泛适用于日期、手机...

    Jquery Formatcurrency插件使用例子

    jQuery FormatCurrency插件由Steven Levithan开发,它允许我们将数字格式化为货币形式,支持各种货币符号,并且可以自定义格式规则。这个插件基于强大的jQuery库,因此能够很好地与其他jQuery组件和代码协同工作。 ...

    JQuery EasyUI 数字格式化处理示例

    在Web应用中,经常需要将数字格式化为货币形式显示。在JSP中,使用标签可以轻松实现货币格式化。例如,将数字12格式化为货币形式可以使用以下代码: ```jsp $.00"/&gt; ``` 如果要显示为其他货币符号,如人民币,可以...

    前端项目-jquery-maskmoney.zip

    jQuery MaskMoney插件的工作原理是通过监听用户的输入事件,动态地将输入框中的数字格式化为货币样式。它支持自定义货币符号、小数位数和千分位分隔符,可以适应各种不同的货币格式需求。例如,可以设置美元($), ...

    jquery-number-master

    在Web开发中,数据的格式化是必不可少的一环,尤其是在处理数字时,我们常常需要将数字格式化为货币、百分比或者其他特定格式。jQuery Number Format插件(通常简称为"jquery-number")就是这样一个用于格式化数字的...

    jquery 模版功能

    例如,你可以创建一个转换器将数字格式化为货币样式。 5. **迭代**:`{{each}}`标签用于遍历数组或对象,为每个元素生成相应的HTML。这对于展示列表、表格或其他重复结构的数据非常有效。 6. **事件处理**:虽然...

    jquery精度计算代码 jquery指定精确小数位

    而从给出的部分内容中可以看到,有一个名为"toFloat"的函数,该函数主要负责将获取到的标签值格式化为特定小数位数的数字。下面将详细介绍这个知识点: 1. jQuery精度计算的概念:在Web前端开发中,我们经常需要对...

    accounting.js

    在前端开发中,为了确保用户界面的直观性和准确性,往往需要将数字和货币数据格式化为易于阅读的样式,如添加千位分隔符、指定货币符号等。accounting.js正是满足这一需求的工具,它的出现简化了开发者的工作,使得...

    jquery.i18n.properties-1.0.9.zip

    除了基本的文本替换,jQuery i18n.properties-1.0.9.js还支持更复杂的用例,例如格式化日期、数字和货币,以及处理复数形式等。这些功能使它成为一个强大且灵活的多语言解决方案。 总结来说,jQuery i18n....

    asp.net 学习系列4

    例如,你可以创建一个转换器来将货币数据格式化为带有货币符号的格式。 4. **自定义显示模板** ASP.NET MVC框架支持创建自定义模板,这些模板可以为特定类型或属性提供定制的显示逻辑。在视图模型中定义模板,然后...

    输入框放大显示、格式化提醒

    例如,手机号码的11位数字通常会被格式化为131 8888 8888的形式,这样既便于阅读,又能减少输入错误。 2. **格式化**:格式化是指根据特定规则调整数据的显示样式。在输入框中,格式化通常用于将连续的数字或字母...

    前端开源库-alinex-format

    2. **数据格式化**:库提供了一套丰富的格式化规则,可以用于日期、时间、数字、货币等常见类型的数据展示。例如,可以将日期格式化为用户友好的样式,或者将数字以千位分隔符显示。 3. **自定义规则**:除了内置的...

    基于JavaScript的贷款计算器

    4. **数据格式化**:为了使结果更易读,JavaScript需要将数字格式化为货币样式,可能使用`toLocaleString`方法添加千位分隔符,或者自定义函数来控制小数位数。 5. **可视化呈现**:除了文本输出,贷款计算器可能还...

    js字符串的各种格式的转换 ToString,Format

    1. **货币格式**:当需要将数字格式化为货币样式时,可以使用`toString("C")`。例如,`double d = 400; d.toString("C");`会输出`¥400.00`,这在中国地区表示400元人民币,小数点后两位。注意,`C`参数会根据当前...

    easyui datagrid 表格 打印

    例如,日期可以被格式化为易于阅读的格式,数字可以添加货币符号,或者根据特定条件进行颜色标记等。因此,当我们要打印DataGrid时,确保这些经过`formatter`处理的数据能够正确地保留在打印输出中是非常关键的。 ...

    conversorMoedas:查看始终使用fixer.io更新的任何国家的货币值

    5. **数据格式化**: 响应的汇率数据需要被解析并适当地格式化为货币值,这通常涉及到数字格式化,例如添加逗号分隔符,以及处理小数位数。 6. **货币符号**: 项目可能还涉及查找并显示正确的货币符号,这可以通过...

    FlexiGrid使用手册

    1. **自定义列处理**:在`colModel`中,可以定义`process`属性,指定一个函数来处理特定列的数据,如`formatMoney`可能是将数字格式化为货币值。 2. **Ajax数据源**:通过设置`url`和`dataType`,可以从服务器获取...

    常用js

    - `33.43434.toFixed(2)` 将浮点数33.43434格式化为字符串"33.43",保留两位小数。 - **应用场景:** 在处理货币、统计数据等需要精确到特定小数位的情况下非常有用。 #### 4. URL编码与解码 ```javascript js:...

Global site tag (gtag.js) - Google Analytics