Question

js输入数字自动添加.00

比如我在输入框里输入6，失焦之后会自动添加6.00这种格式，再次获取焦点的时候清除掉那个.00，失去添加.00，求解啦~

Answer 1

首先要监听两个事件，就是获得焦点onfocus和失去焦点onblur。接着可获取输入框的值，再进行字符串处理，最后把新的值填回去就可以了。

Answer 2

<input id="txt1" type="text" onblur="var reg = /^(\d+)$/; if(reg.test(this.value)) this.value=this.value.replace(reg,'$1.00');"
	onfocus="var reg =/^(\d+)\.00$/;if(reg.test(this.value)) this.value=this.value.replace(reg,'$1');"/>

Answer 3

不考虑用户输入的是小数吗？

Answer 4

<script>
//JS版
//将传入数据转换为字符串,并清除字符串中非数字与.的字符
//按数字格式补全字符串
var getFloatStr = function(num){
num += '';
num = num.replace(/[^0-9|\.]/g, ''); //清除字符串中的非数字非.字符

if(/^0+/) //清除字符串开头的0
num = num.replace(/^0+/, '');
if(!/\./.test(num)) //为整数字符串在末尾添加.00
num += '.00';
if(/^\./.test(num)) //字符以.开头时,在开头添加0
num = '0' + num;
num += '00'; //在字符串末尾补零
num = num.match(/\d+\.\d{2}/)[0];
};

//测试

getFloatStr('0000.1'); //0.10
getFloatStr('qwe'); //0.00
getFloatStr('256'); //256.00

</script>

追问

怎么用在输入框里面呀？