本来想总结下,数字输入验证的,却没成想,一脚一个坑。。。没有能根治的方法。。。
不管如何,还是总结下常用的几种方法吧~~~
html5
中表单input
,拥有一些新的输入属性,极大方便了我们开发过程中的一些表单验证。但是由于浏览器的兼容性,其有存在着一些不完美。
从下图中,我们可以看到,并不是所有的浏览器都支持新的属性。那么对于需要兼容火狐或者ie的项目来说,我们需要进行一些拓展。
基于该目标:判断input输入的是否是数字(要求兼容firefox,chrome)?我们将在本文中探讨一些可以达成目标的方法。
显然,如果再使用type="number"
,已然不能适用项目需要。
对此,我们可以用以下几个方法来进行输入验证:
1.使用isNaN()
函数(有一定的局限性,得根据具体情况决定是否使用该方法);
isNaN() 函数用于检查其参数是否是非数字值。
这是官方的解释,它常用于检测 parseFloat()
和 parseInt()
的结果,以判断它们表示的是否是合法的数字
。
isNaN(123); //false