Jquery Formatcurrency插件使用例子

最新推荐文章于 2025-08-06 14:36:16 发布

iteye_19499

最新推荐文章于 2025-08-06 14:36:16 发布

阅读量585

点赞数

分类专栏： Javascript 文章标签： javascript xhtml ViewUI

Javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用jQuery和自定义脚本来实现货币格式化的功能，包括设置货币符号、颜色化显示、负数格式化等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JQuery FormatCurrency Sample</title>
<SCRIPT type="text/javascript" src="jquery-1.4.2.min.js"></SCRIPT>
<SCRIPT type="text/javascript" src="jquery.formatCurrency-1.4.0.js"></SCRIPT>
<style type="text/css">    
</style>
<script type="text/javascript">

	$(document).ready(function()
	{
		$('.currency').blur(function()
		{
			$('.currency').formatCurrency({ symbol:'',colorize: true, negativeFormat: '-%s%n',roundToDecimalPlace: 0, eventOnDecimalsEntered: true });
		});
		$('.currency').keyup(function(e)
		{
			var val=$.trim(this.value).replace(/(,)/g,"");//批量替换
			var regs=/\d/;
			if(!regs.test(val)){
				this.value="";
				return false;
			}
			var e = window.event || e;
			var keyUnicode = e.charCode || e.keyCode;
			if (e !== undefined) {
				switch (keyUnicode) {
					case 16: break; // Shift
					case 27: this.value = ''; break; // Esc: clear entry
					case 35: break; // End
					case 36: break; // Home
					case 37: break; // cursor left
					case 38: break; // cursor up
					case 39: break; // cursor right
					case 40: break; // cursor down
					case 78: break; // N (Opera 9.63+ maps the "." from the number key section to the "N" key too!) (See: http://unixpapa.com/js/key.html search for ". Del")
					case 110: break; // . number block (Opera 9.63+ maps the "." from the number block to the "N" key (78) !!!)
					case 190: break; // .
					default: $('.currency').formatCurrency({ symbol:'',colorize: true, negativeFormat: '-%s%n',roundToDecimalPlace: 0, eventOnDecimalsEntered: true });
				}
			}

		});
	});
</script>
</head>
<body>
<input type="textbox" id="currencyField" class='currency ok' />
</body>
</html>