格式化金额输出

chengshiding 2013-12-27 12:39:17 


<script type="text/javascript">

	function checkNum()

	{

		var num=document.getElementById("MyInput").value;

		if (0==num.length)

			return;

		var strArr=num.split('.');

		if (strArr[1]=="")

			num=num+".00";

		var temp=num.charAt(num.length-1);

		if(temp=="."&&num.length==1)

		{

			document.getElementById("MyInput").value="0"+temp;

		}

		alert(num);

		document.getElementById("MyInput").value=num;

	}

</script>






<font color="#FFFFFF" size="6" face="楷体_GB2312" id="Input"><input  style="font-size: 24pt;text-align: center;" type="text" size="20" name="MyInput" onPropertyChange="checkNum()"></font>


需求：输入1显示1.00，接着输入0显示10.00，如果还输入2则显示102.00，如果接着输入.则显示102.（即等待用户继续输入小数，小数最多两位）。
如果刚开始输入.则显示0.，接着输入后面的小数，最多两位，比如0.11
如果刚开始输入0则不接收0。


本人对javascript不熟，希望大伙给段代码。

...全文
259 11 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
等不到的彼岸花 2013-12-27
  • 打赏
  • 举报
 回复
别闹腰不好 2013-12-27
  • 打赏
  • 举报
 回复
结贴 欢迎再来！
张运领 2013-12-27
  • 打赏
  • 举报
 回复 
<body>
<input type = "text" id = "aa"><input id = "aaa" type = "hidden" value = "">
</body>
<script>

document.getElementById("aa").onkeyup = checkinput;
function checkinput(e){
	e = e || window.event;
	var inputnum = e.keyCode || e.which,
		hiddenInput = document.getElementById("aaa"),
	    currentNum = hiddenInput.value,
		showInput = this.value,
		arr = [];
	console.log(inputnum);
	if(inputnum == 8){
		//进行删除时，对应的隐藏的input的值，做出变化
		hiddenInput.value = currentNum.substring(0,currentNum.length-1);
		this.value = hiddenInput.value;
	}else if(currentNum == "" && inputnum == 48){
		//首先为空时，输入0时，这么处理。
		this.value = "";
		return;
	}else if(currentNum == "" && inputnum == 190){
		//为空时，输入“.”，这么处理。
		this.value = "0.";
		hiddenInput.value = "0.";
	}else if(currentNum == "" && inputnum > 48 && inputnum < 58){
		//为空时，输入非零数字，这么处理
		this.value = showInput + ".00";
		hiddenInput.value = showInput;
	}else if(currentNum != "" && inputnum == 190){
		//不为空时，输入“.”，这么处理
		if(currentNum.indexOf(".") != -1){
			//检测隐藏的input是否有"."，有的话，这么处理，
			this.value = showInput.substring(0,showInput.length-1);
		}else{
			//隐藏的input没有输入国"."，这么处理
			hiddenInput.value = hiddenInput.value + ".";
			this.value = hiddenInput.value;
		}
		
	}else if(currentNum != "" && inputnum > 48 && inputnum < 58){
	//不为空时，输入为数字，这么处理
		if(currentNum.indexOf(".") != -1){
			//检测隐藏的input是否有"."，有的话，这么处理，
			arr = currentNum.split(".");
			if(arr[1].length>=2){
				hiddenInput.value = arr[0]+"."+arr[1].substring(0,2);
				this.value = hiddenInput.value;
			}else{
				hiddenInput.value = currentNum + String.fromCharCode(inputnum);
				this.value = hiddenInput.value;
			}
		}else{
			//隐藏的input没有输入国"."，这么处理
			hiddenInput.value = hiddenInput.value + String.fromCharCode(inputnum);
			this.value = hiddenInput.value + ".00";
		}
	}else if(inputnum != 190 && (inputnum < 48 || inputnum > 57)){
		//其他输入时，为了防止输入为非数字，这么处理。
		this.value = showInput.replace(/[^\d\.]/g,"");
	}
}
</script>
</html>
我总是写的有些复杂。 并且添加了一个隐藏的input，用来记录输入的真是内容。 后来想想，这个input其实只用来记录用户是否输入过' . '就可以了。。。
斯洛文尼亚旅游 2013-12-27
  • 打赏
  • 举报
 回复 
<script type="text/javascript">
    var timer, delay = 100//注意延时的设置，设置太小输入“0.”这种清空会被清空
    , IE = window.ActiveXObject;
    function moveMousePoint(o, pos) {//移动鼠标到小数点前面，方便数字输入
        if (IE) {
            var rng = o.createTextRange();
            rng.move("character", pos);
            rng.select();
        }
        else o.selectionStart = o.selectionEnd = pos;
    }
    function checkNum() {
        clearTimeout(timer);
        var o = document.getElementById('MyInput'), v = o.value, arr = v.split('.');
        if (v == '') return;
        if (arr.length == 1 || arr[1] == '00') {
            if (parseInt(arr[0], 10) == 0) o.value = '';
            else {
                o.value = arr[0] + '.00';
                moveMousePoint(o, arr[0].length);
            }
        }
        else {
            if (arr[1].length > 2) o.value = arr[0] + "." + arr[1].substr(0,2);
        }
    }
</script> <font color="#FFFFFF" size="6" face="楷体_GB2312" id="Input">
<input  style="font-size: 24pt;text-align: center;" type="text" size="20" name="MyInput" id="MyInput" onkeyup="if(event.keyCode!=39&&event.keyCode!=37)timer=setTimeout(checkNum,delay)">
</font>
chengshiding 2013-12-27
  • 打赏
  • 举报
 回复
解决了，其实判断如果值没改变就不改变MyInput的值就好了
chengshiding 2013-12-27
  • 打赏
  • 举报
 回复
引用 5 楼 MengYouXuanLv 的回复:
return false 试试
还是不行。
allali 2013-12-27
  • 打赏
  • 举报
 回复
return false 试试
chengshiding 2013-12-27
  • 打赏
  • 举报
 回复
引用 1 楼 u012463264 的回复:
<script type="text/javascript"> String.prototype.startWith = function(str) { return this.substr(0,str.length) == str; } function checkNum() { var num=document.getElementById("MyInput").value; if (0==num.length) return; if(num.startWith("0")) return; var strArr=num.split('.'); if(num.startWith(".")) num="0."+strArr[1]; else if (strArr[0]!="") num=strArr[0]+".00"; document.getElementById("MyInput").value=num; } </script>
非常感谢楼上，不过还有个问题，就是name="MyInput" onPropertyChange="checkNum()这条语句，就是如果MyInput有变化，就调用checkNum()函数，但是在checkNum()函数里又设置了MyInput的值，所以又导致MyInput有变化，接着checkNum()函数又被触发。结果就是导致死循环，堆栈溢出。
zhjdg 2013-12-27
  • 打赏
  • 举报
 回复 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<font color="#FFFFFF" size="6" face="楷体_GB2312" id="Input"><input style="font-size: 24pt; text-align: center;" type="text" size="20" name="MyInput" id='MyInput' ></font>

		<script type="text/javascript">
		
		function checkNum(){
			
		}
		function doNum() {
			var num = document.getElementById("MyInput").value;
			if (num == 0)
				return;
			var pos = num.indexOf('.');
			if (pos == -1){
				num = num + ".00";
			}if(pos == 0){
				num = "0"+num.slice(0,3);
			}							
			document.getElementById("MyInput").value = num;
		}
		var initF = false;
		var time ;
		function initFocus(){	
			initF = true;
			document.addEventListener('keyup',doKeyup);	
			document.addEventListener('keydown',doKeydown);	
		}
		function doKeydown(){
			clearTimeout(time);
		}
		function doKeyup(){
			time = setTimeout(doNum,600);
			
		}
		function clearblur(){
			if(initF){
				initF = false;
				document.removeEventListener('keyup');
				document.removeEventListener('keydown');
			}
			
		}
		
		var $a = document.getElementById('MyInput');
		$a.addEventListener('focus',initFocus);
		$a.addEventListener('blur',clearblur);
		
		
		
		
		
		
	</script>
</body>
</html>
Deep_Learning 2013-12-27
  • 打赏
  • 举报
 回复 

<!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 type="text/javascript">
    function checkNum()
    {
		var text = "" ;
        var num=document.getElementById("MyInput").value;
        if (0==num.length)
            return;
        var strArr=num.split('.');
		if(strArr.length == 1){
			text = num + ".00" ;
		}else if(strArr.length == 2){
			if(strArr[1].length == 1){
				text = strArr[0] +"."+strArr[1]+"0" ;
			}else if(strArr[1].length == 2){
				text = strArr[0] +"."+strArr[1];
			}else{
				alert("输入不正确");
			}
			
		}else{
			alert("输入不正确");
		}
       
      //  alert(text);
        document.getElementById("MyInput").value = text;
    }
</script>
</head>

<body>
	<font color="#FFFFFF" size="6" face="楷体_GB2312" id="Input">
		<input  style="font-size: 24pt;text-align: center;" type="text" size="20" name="MyInput"  id="MyInput" onblur="checkNum()">
	</font>

</body>
</html>
在失去焦点时执行函数
别闹腰不好 2013-12-27
  • 打赏
  • 举报
 回复
<script type="text/javascript"> String.prototype.startWith = function(str) { return this.substr(0,str.length) == str; } function checkNum() { var num=document.getElementById("MyInput").value; if (0==num.length) return; if(num.startWith("0")) return; var strArr=num.split('.'); if(num.startWith(".")) num="0."+strArr[1]; else if (strArr[0]!="") num=strArr[0]+".00"; document.getElementById("MyInput").value=num; } </script>
PHP格式化金钱函数
实现目的： 对数字进行格式化，以类似￥10,000,000的格式输出。 实现方法： view source ? 01 function doFormatMoney($money){ 02     $tmp_money = strrev($money);
金额数字的格式化方法
格式化金额数字
JS格式化输出常用格式
JS常用的格式化输出；字符串每隔几位添加符号、格式化金额、隐藏手机号中间四位、隐藏身份证号中间几位
java 格式化金额_java 格式化金额与数字转换
/*** 格式化金额* @param s* @param len* @return*/public static String formatMoney(String s, int len){if (s == null || s.length() < 1) {return "";}NumberFormat formater = null;double num = Double.parseDou...
C# 中格式化金额字符串
C# 中格式化金额字符串
JavaScript

87,997

社区成员

224,709

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章