js验证输入框的内容只能输入数字和带小数点的数字的几种实现方法

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

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

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

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

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

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

  1. <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}" /> 

转载请注明:代码家园 » js验证输入框的内容只能输入数字和带小数点的数字的几种实现方法

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)