JavaScript判断输入是否为数字类型的方法总结


Posted in Javascript onSeptember 28, 2017

JavaScript判断输入是否为数字类型的方法总结

前言

很多时候需要判断一个输入是否位数字,下面简单列举集中方法。

第一种方法 isNaN

isNaN

返回一个 Boolean 值,指明提供的值是否是保留值 NaN (不是数字)。

NaN 即 Not a Number

isNaN(numValue)

但是如果numValue果是一个空串或是一个空格,而isNaN是做为数字0进行处理的,而parseInt与parseFloat是返回一个错误消息,这个isNaN检查不严密而导致的。

第二种方法 正则表达式

function checkRate(input) { 
var re = /^[0-9]+.?[0-9]*/;//判断字符串是否为数字//判断正整数/[1−9]+[0−9]∗]∗/ 

if (!re.test(nubmer)) { 


alert(“请输入数字”); 

} 
}

第三种方法 利用parseFloat的返回值

function isNotANumber(inputData) { 
//isNaN(inputData)不能判断空串或一个空格 

//如果是一个空串或是一个空格,而isNaN是做为数字0进行处理的,而parseInt与parseFloat是返回一个错误消息,这个isNaN检查不严密而导致的。 

if (parseFloat(inputData).toString() == “NaN”) { 


//alert(“请输入数字……”); 


return false; 

} else { 


return true; 

} 
}

如有疑问请留言或者到本站社区 交流讨论,感谢阅读,希望通过本文能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
jQuery 使用手册(六)
Sep 23 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
JS分页效果示例
Oct 11 Javascript
JavaScript学习笔记之数组去重
Mar 23 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
Feb 19 Javascript
javascript实现二叉树的代码
Jun 08 Javascript
微信小程序联网请求的轮播图
Jul 07 Javascript
JQuery判断正整数整理小结
Aug 21 jQuery
使用JQ完成表格隔行换色的简单实例
Aug 25 Javascript
微信小程序实现留言板
Oct 31 Javascript
JavaScript变速动画函数封装添加任意多个属性
Apr 03 Javascript
小程序实现短信登录倒计时
Jul 12 Javascript
详解Node全局变量global模块
Sep 28 #Javascript
React Native预设占位placeholder的使用
Sep 28 #Javascript
import与export在node.js中的使用详解
Sep 28 #Javascript
AngularJS 仿微信图片手势缩放的实例
Sep 28 #Javascript
AngularJS路由删除#符号解决的办法
Sep 28 #Javascript
深入理解React高阶组件
Sep 28 #Javascript
基于webpack 实用配置方法总结
Sep 28 #Javascript
You might like
PHP array_multisort() 函数的深入解析
2013/06/20 PHP
php获取新浪微博数据API实例
2013/11/12 PHP
JavaScript confirm选择判断
2008/10/18 Javascript
IE JS编程需注意的内存释放问题
2009/06/23 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
js设置组合快捷键/tabindex功能的方法
2013/11/21 Javascript
原生js实现新闻列表展开/收起全文功能
2017/01/20 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
jQuery插件ContextMenu自定义图标
2017/03/15 Javascript
JavaScript用200行代码制作打飞机小游戏实例
2017/06/21 Javascript
微信小程序实现预览图片功能
2020/10/22 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
2020/08/21 Javascript
关于RxJS Subject的学习笔记
2018/12/05 Javascript
Vue+Koa2 打包后进行线上部署的教程详解
2019/07/31 Javascript
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
Python竟能画这么漂亮的花,帅呆了(代码分享)
2017/11/15 Python
Numpy数组转置的两种实现方法
2018/04/17 Python
Python 数据处理库 pandas进阶教程
2018/04/21 Python
python3+PyQt5实现自定义分数滑块部件
2018/04/24 Python
python实现整数的二进制循环移位
2019/03/08 Python
Python3.6中Twisted模块安装的问题与解决
2019/04/15 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
使用Python给头像加上圣诞帽或圣诞老人小图标附源码
2019/12/25 Python
TensorFlow的环境配置与安装教程详解(win10+GeForce GTX1060+CUDA 9.0+cuDNN7.3+tensorflow-gpu 1.12.0+python3.5.5)
2020/06/22 Python
Python爬虫实例——爬取美团美食数据
2020/07/15 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
CSS3弹性布局内容对齐(justify-content)属性使用详解
2017/07/31 HTML / CSS
CSS3实现3D翻书效果
2016/06/20 HTML / CSS
三星英国官网:Samsung英国
2018/09/25 全球购物
远程研修随笔感言
2014/02/10 职场文书
竞聘演讲稿开场白
2014/08/25 职场文书
新闻学专业职业生涯规划范文:我的人生我做主
2014/09/12 职场文书
父亲节感言
2015/08/03 职场文书
历史名人教你十五个读书方法,赶快Get起来!
2019/07/18 职场文书
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js
使用Redis实现点赞取消点赞的详细代码
2022/03/20 Redis