javascript货币数字添加逗号

最新推荐文章于 2024-02-27 15:57:54 发布

原创最新推荐文章于 2024-02-27 15:57:54 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #xhtml #function #input #html #null

web前端专栏收录该内容

1 篇文章

订阅专栏

这是一个HTML页面，展示了如何使用JavaScript实现对输入框中输入的数字进行格式化，使其符合货币样式，即每三位数字添加一个逗号。当输入框失去焦点时，`formatNumber`函数会被调用，检查输入是否为合法数字并进行格式化。同时，定义了一个辅助函数`isNumber`用于验证输入是否为有效数字。

摘要生成于 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>格式化数字</title>
<script>
function formatNumber(obj){
var number=obj.value.replace(',','');
var decmical = '';
var temp='';
var int_part = '';//整数部分
var dec_part = '';//小数部分
var flag = 0;
var str_number ='';
var num_temp ='';
if(isNumber(number)){
str_number=number+'';//转换成字符串
num_temp=number.split('.');//小数点分割
int_part = num_temp[0];
dec_part = num_temp[1];
for(var i=int_part.length-1;i>=0;i--){
temp = int_part.charAt(i) + temp;
flag++;
if(flag==3){
flag = 0;
if(i!=0)
temp = "," + temp;
}
}
if(dec_part!=null){
decmical = temp+'.'+dec_part;
}else{
decmical = temp;
}
}else{
alert('请输入合法的数字！');
obj.value=0;
return;
}
obj.value=decmical;
}
function isNumber(num) {
var re=/^\d+(\.\d+)?$/;
if(!re.test(num))
return false;
try{
if(parseFloat(num)!=num)
return false;
}
catch(ex)
{
return false;
}
return true;
}
</script>
</head>
<body >
<input type="text" name="testNum" onblur="javascript:formatNumber(this);"/>
</body>
</html>