判断input输入的是否是数字

本文总结了在HTML表单中判断input输入是否为数字的多种方法,包括使用isNaN()函数、与number类型相加、正则表达式、typeof操作以及监听键值,以实现对Firefox和Chrome的兼容性验证。
摘要由CSDN通过智能技术生成

本来想总结下,数字输入验证的,却没成想,一脚一个坑。。。没有能根治的方法。。。

不管如何,还是总结下常用的几种方法吧~~~

html5中表单input,拥有一些新的输入属性,极大方便了我们开发过程中的一些表单验证。但是由于浏览器的兼容性,其有存在着一些不完美。

从下图中,我们可以看到,并不是所有的浏览器都支持新的属性。那么对于需要兼容火狐或者ie的项目来说,我们需要进行一些拓展。

基于该目标:判断input输入的是否是数字(要求兼容firefox,chrome)?我们将在本文中探讨一些可以达成目标的方法。
在这里插入图片描述
显然,如果再使用type="number",已然不能适用项目需要。

对此,我们可以用以下几个方法来进行输入验证:

1.使用isNaN() 函数(有一定的局限性,得根据具体情况决定是否使用该方法);

isNaN() 函数用于检查其参数是否是非数字值。

这是官方的解释,它常用于检测 parseFloat()parseInt() 的结果,以判断它们表示的是否是合法的数字

isNaN(123); //false

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值