码迷,mamicode.com
首页 > Web开发 > 详细

js限制金额输入框(最高精度为保留6位小数)

时间:2015-02-26 18:37:16      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:js   正则表达式replace   

js限制金额输入框(最高精度为 保留6位小数)

说明:在一个项目中有限制6位小数的限制。在本次测试的过程中发现还存在一些bug

  1.如可以长按键盘不放可输入多个小数点

  2.通过长按可输入‘1...234.’

这次在解决了这个bug过程中也稍带学习了一下正则表达式,以前觉得正则表达式只是用来做字段的教研,但是现在发现用来匹配字符,并且结合各个语言提供的api能做不少事儿,这里把代码贴了出来供大家参考。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<script>
function formatMoneyWith6digts2( obj ){
	var p1 = /[^\d\.]/g;	// 过滤非数字及小数点 /g :所有范围中过滤
	var p2 = /(\.\d{6})\d*$/g;
	var p4 = /(\.)(\d*)\1/g;
	obj.value = obj.value.replace(p1, "").replace(p2, "$1").replace(p4,"$1$2");
	

	obj.value=obj.value.replace(/[^0-9.]/g, '');


	// fix bug: many char'.'
	var p5 = /\.+/g;	//多个点的话只取1个点,屏蔽1....234的情况
	obj.value = obj.value.replace(p5, ".")

	var p6 = /(\.+)(\d+)(\.+)/g; //屏蔽1....234.的情况
	obj.value = obj.value.replace(p6, "$1$2")// 屏蔽最后一位的.
	// end fix bug: many char'.'
}
/* testing
var p5 = /\.+/g;
var testStr = '1....234.'
matchStr = testStr.match(p5);
//alert(matchStr);

num = testStr.replace(p5, ".")
//alert(num);

// 
var p6 = /(\.+)(\d+)(\.+)/g;
matchStr = testStr.match(p6);
alert(matchStr);

num = testStr.replace(p6, "$1$2")
alert(num);
*/
</script>
</HEAD>

<BODY>
	至多只能输入6位小数:<input type='text'  onkeyup="formatMoneyWith6digts2(this);countShuilv();"  />
</BODY>
</HTML>


js限制金额输入框(最高精度为保留6位小数)

标签:js   正则表达式replace   

原文地址:http://blog.csdn.net/metecyu/article/details/43954963

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!