«

js只能输入数字和带小数点的数字,兼容IE和firefox

时间:2024-1-30 09:26     作者:韩俊     分类: Javascript


js验证输入框的内容只能输入数字和带小数点的数字,网上看到的,写法虽然有点奇特,但比较简洁,据作者验证,在各种浏览器下面还是没有问题的!下面将代码分享如下:

第一种方法,只能输入数字,能输带小数点的数字,这个在IE下是没有问题的,但不兼容firefox

<input type="text" name="price" onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')" />

第二种方法,下面这种方法在IE和Firefox下面均有效:

<input type="text" name="price" onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}" />

第三种方法,这种方法在IE和Firefox下面也都没有问题:

<input type="text" name="price" value="" t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}" />

标签: javascript

热门推荐