input只能输入数字和小数点后两位(亲测有效附实例代码)

 分类:js知识时间:2022-08-28 07:30:01点击:

表单验证时的要求是input输入限制只能是数字并且小数点后留两位,下面会用到表单事件onkeyup和blur失去焦点事件,本文是input只能输入数字和小数点后两位,亲测有效附实例代码,请看下文。

onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"

这一步可以限制input框只能输入数字并且小数点后保存两位

但是假如前面输入过多 ' 0 '就不能判断了.如图:


所以用js判断

input只能输入数字和小数点后两位实例代码如下:

$(".rate").blur(function(){ //失去焦点时
	var val = $(this).val(); //获得输入值
	if(val.charAt('0') == 0){ //如果第一个为'0'时
		val = val.replace(/\b(0+)/gi,""); //清除多余的'0'
		if(val.substr(0,1)=='.'){ //如果有小数点'.'时,前面加一个0
			$(this).val( "0" + val);
		}else{
			$(this).val(val);
		}
	}
})


除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: